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

package/dist/components/TextButton/TextButton.js

@@ -1,187 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const Spinner_1 = __importDefault(require("../../temp-components/Spinner"));
-const Icon_1 = __importDefault(require("../Icon"));
-const Text_1 = __importDefault(require("../Text/Text"));
-const TextButton_constants_1 = require("./TextButton.constants");
-const TextButton_utilities_1 = require("./TextButton.utilities");
-const TextButton = ({ children, textProps, isLoading = TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.isLoading, loadingText, spinnerProps, startIconName, startIconProps, startAccessory, endIconName, endIconProps, endAccessory, isDisabled = TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.isDisabled, isInverse = TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.isInverse, onPress, onPressIn, onPressOut, onLongPress, twClassName, accessibilityRole, accessibilityLabel, style, ...props }) => {
-    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    // Styling calculation for state changes
-    const twContainerClassNames = (0, react_1.useMemo)(() => {
-        return (0, TextButton_utilities_1.generateTextButtonContainerClassNames)({
-            isPressed,
-            isLoading,
-            isDisabled,
-            twClassName,
-        });
-    }, [isPressed, isLoading, isDisabled, twClassName]);
-    const twTextClassNames = (0, react_1.useMemo)(() => {
-        return (0, TextButton_utilities_1.generateTextButtonTextClassNames)({
-            isPressed,
-            isInverse,
-            isLoading,
-        });
-    }, [isPressed, isInverse, isLoading]);
-    // Merging default settings for Icons with passed in props
-    const finalStartIconProps = {
-        ...TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.startIconProps,
-        ...startIconProps,
-        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
-    };
-    const finalStartIconName = startIconName ?? startIconProps?.name;
-    const finalEndIconProps = {
-        ...TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.endIconProps,
-        ...endIconProps,
-        twClassName: `${twTextClassNames} ${endIconProps?.twClassName ?? ''}`,
-    };
-    const finalEndIconName = endIconName ?? endIconProps?.name;
-    const finalTextProps = {
-        ...TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.textProps,
-        ...textProps,
-        twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,
-    };
-    // Merging spinner settings for Icons with passed in props
-    const finalSpinnerProps = {
-        ...TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.spinnerProps,
-        loadingText,
-        color: twTextClassNames,
-        loadingTextProps: {
-            twClassName: `${twTextClassNames} mt-[2.5px]`,
-        },
-        ...spinnerProps,
-    };
-    const onPressHandler = (event) => {
-        if (!isDisabled && !isLoading) {
-            onPress?.(event);
-        }
-    };
-    const onPressInHandler = (event) => {
-        if (!isDisabled && !isLoading) {
-            setIsPressed(true);
-            onPressIn?.(event);
-        }
-    };
-    const onPressOutHandler = (event) => {
-        if (!isDisabled && !isLoading) {
-            setIsPressed(false);
-            onPressOut?.(event);
-        }
-    };
-    const onLongPressHandler = (event) => {
-        if (!isDisabled && !isLoading) {
-            onLongPress?.(event);
-        }
-    };
-    /**
-     * Design Requirements
-     * TextButton needs to be able to be placed inline with other Texts along with
-     * accompanying icons.
-     *
-     * Limitations
-     * React Native renders Texts and components nested inside Texts very differently.
-     * In order to fulfil design requirements
-     * - TextButton needs to be built using Text wrapping the component to ensure
-     * when placed in line with other Texts, it can be properly displayed inline
-     * with other Texts.
-     * - Due to React Native Texts calculating the layout of nested components
-     * differently, there needs to be a few styling hacks applied below
-     */
-    // Get the line height of the text, which is also the height of the component
-    const finalVariant = textProps?.variant || TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.textProps.variant;
-    const { lineHeight } = tw `text-${finalVariant}`;
-    const componentHeight = Number(lineHeight);
-    // Due to React Native rendering Views slightly above Texts, any non-texts
-    // need to be moved down
-    const nonTextOffSet = 2.5;
-    // Get the final sizes of Icons to help with manual alignments
-    const finalStartIconSize = startIconProps?.size || TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.startIconProps.size;
-    const finalEndIconSize = endIconProps?.size || TextButton_constants_1.DEFAULT_TEXTBUTTON_PROPS.endIconProps.size;
-    // Offsets to vertically center the Icon
-    const finalStartIconOffset = (Number(lineHeight) - Number(finalStartIconSize)) / 2;
-    const finalEndIconOffset = (Number(lineHeight) - Number(finalEndIconSize)) / 2;
-    /**
-     * Due to Texts restricting nested components to manipulating layout with
-     * margins/paddings, we needed to add Nested Views in order to properly add
-     * additional margins/paddings. However, this causes the Text component to
-     * somehow not include the Icons as part of the calculation for displaying
-     * a change in background color onPress. Because of that, we need to mimic
-     * the behavior on the Icon wrappers by baking the margins into the Icon
-     * wrappers in order to display the background change properly
-     */
-    const marginsBetweenIconAndText = 4;
-    const startIconWrapperWidth = Number(finalStartIconSize) + marginsBetweenIconAndText;
-    const endIconWrapperWidth = Number(finalEndIconSize) + marginsBetweenIconAndText;
-    return (<Text_1.default>
-      {finalStartIconName && <Text_1.default style={tw `hidden`}> </Text_1.default>}
-      {isLoading && (<react_native_1.View style={tw `${twContainerClassNames}`}>
-          <Spinner_1.default {...finalSpinnerProps}/>
-        </react_native_1.View>)}
-      <Text_1.default onPress={onPressHandler} onPressIn={onPressInHandler} onPressOut={onPressOutHandler} onLongPress={onLongPressHandler} accessible accessibilityRole="button" accessibilityLabel={accessibilityLabel} style={[tw `${twContainerClassNames}`, style]} testID="text-button" suppressHighlighting {...props}>
-        {!isLoading && (<>
-            {finalStartIconName ? (
-            // This additional View is needed, otherwise things are rendered
-            // VERY funkily
-            <react_native_1.View style={tw `h-[${componentHeight}px]`}>
-                <react_native_1.View style={tw `
-                    ${twContainerClassNames} 
-                    items-start mt-[${nonTextOffSet}px] 
-                    pt-[${finalStartIconOffset}px] 
-                    h-[${componentHeight}px] 
-                    w-[${startIconWrapperWidth}px]
-                    `}>
-                  <Icon_1.default name={finalStartIconName} {...finalStartIconProps}/>
-                </react_native_1.View>
-              </react_native_1.View>) : (startAccessory)}
-            <Text_1.default {...finalTextProps}>{children}</Text_1.default>
-            {finalEndIconName ? (
-            // This additional View is needed, otherwise things are rendered
-            // VERY funkily
-            <react_native_1.View style={tw `h-[${componentHeight}px]`}>
-                <react_native_1.View style={tw `
-                    ${twContainerClassNames} 
-                    items-end 
-                    mt-[${nonTextOffSet}px] 
-                    pt-[${finalEndIconOffset}px] 
-                    h-[${componentHeight}px] w-[${endIconWrapperWidth}px]`}>
-                  <Icon_1.default name={finalEndIconName} {...finalEndIconProps}/>
-                </react_native_1.View>
-              </react_native_1.View>) : (endAccessory)}
-          </>)}
-      </Text_1.default>
-      {finalEndIconName && <Text_1.default style={tw `hidden`}> </Text_1.default>}
-    </Text_1.default>);
-};
-exports.default = TextButton;
-//# sourceMappingURL=TextButton.js.map

package/dist/components/TextButton/TextButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAiD;AAEjD,+CAAoC;AAGpC,4EAAoD;AAEpD,mDAA2B;AAC3B,wDAAgC;AAEhC,iEAAkE;AAElE,iEAGgC;AAEhC,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAC9C,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAC9C,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,wCAAwC;IACxC,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,SAAS;YACT,SAAS;YACT,UAAU;YACV,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpD,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,IAAA,uDAAgC,EAAC;YACtC,SAAS;YACT,SAAS;YACT,SAAS;SACV,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtC,0DAA0D;IAC1D,MAAM,mBAAmB,GAAuB;QAC9C,GAAG,+CAAwB,CAAC,cAAc;QAC1C,GAAG,cAAc;QACjB,WAAW,EAAE,GAAG,gBAAgB,IAAI,cAAc,EAAE,WAAW,IAAI,EAAE,EAAE;KACxE,CAAC;IACF,MAAM,kBAAkB,GAAG,aAAa,IAAI,cAAc,EAAE,IAAI,CAAC;IAEjE,MAAM,iBAAiB,GAAuB;QAC5C,GAAG,+CAAwB,CAAC,YAAY;QACxC,GAAG,YAAY;QACf,WAAW,EAAE,GAAG,gBAAgB,IAAI,YAAY,EAAE,WAAW,IAAI,EAAE,EAAE;KACtE,CAAC;IACF,MAAM,gBAAgB,GAAG,WAAW,IAAI,YAAY,EAAE,IAAI,CAAC;IAE3D,MAAM,cAAc,GAAyC;QAC3D,GAAG,+CAAwB,CAAC,SAAS;QACrC,GAAG,SAAS;QACZ,WAAW,EAAE,GAAG,gBAAgB,IAAI,SAAS,EAAE,WAAW,IAAI,EAAE,EAAE;KACnE,CAAC;IAEF,0DAA0D;IAC1D,MAAM,iBAAiB,GAAiB;QACtC,GAAG,+CAAwB,CAAC,YAAY;QACxC,WAAW;QACX,KAAK,EAAE,gBAA6B;QACpC,gBAAgB,EAAE;YAChB,WAAW,EAAE,GAAG,gBAAgB,aAAa;SAC9C;QACD,GAAG,YAAY;KAChB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,KAA4B,EAAE,EAAE;QACtD,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;YAC7B,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;YAC7B,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;YAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAA4B,EAAE,EAAE;QAC1D,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,EAAE;YAC7B,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF;;;;;;;;;;;;;OAaG;IAEH,6EAA6E;IAC7E,MAAM,YAAY,GAChB,SAAS,EAAE,OAAO,IAAI,+CAAwB,CAAC,SAAS,CAAC,OAAO,CAAC;IACnE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA,QAAQ,YAAsB,EAAE,CAAC;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAE3C,0EAA0E;IAC1E,wBAAwB;IACxB,MAAM,aAAa,GAAG,GAAG,CAAC;IAE1B,8DAA8D;IAC9D,MAAM,kBAAkB,GACtB,cAAc,EAAE,IAAI,IAAI,+CAAwB,CAAC,cAAc,CAAC,IAAI,CAAC;IACvE,MAAM,gBAAgB,GACpB,YAAY,EAAE,IAAI,IAAI,+CAAwB,CAAC,YAAY,CAAC,IAAI,CAAC;IAEnE,wCAAwC;IACxC,MAAM,oBAAoB,GACxB,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,MAAM,kBAAkB,GACtB,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC;IAEtD;;;;;;;;OAQG;IACH,MAAM,yBAAyB,GAAG,CAAC,CAAC;IACpC,MAAM,qBAAqB,GACzB,MAAM,CAAC,kBAAkB,CAAC,GAAG,yBAAyB,CAAC;IACzD,MAAM,mBAAmB,GACvB,MAAM,CAAC,gBAAgB,CAAC,GAAG,yBAAyB,CAAC;IAEvD,OAAO,CACL,CAAC,cAAI,CACH;MAAA,CAAC,kBAAkB,IAAI,CAAC,cAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,QAAQ,CAAC,CAAE,CAAA,EAAE,cAAI,CAAC,CACxD;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,CAAC,CACxC;UAAA,CAAC,iBAAO,CAAC,IAAI,iBAAiB,CAAC,EACjC;QAAA,EAAE,mBAAI,CAAC,CACR,CACD;MAAA,CAAC,cAAI,CACH,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAChC,UAAU,CACV,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC7C,MAAM,CAAC,aAAa,CACpB,oBAAoB,CACpB,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,CAAC,SAAS,IAAI,CACb,EACE;YAAA,CAAC,kBAAkB,CAAC,CAAC,CAAC;YACpB,gEAAgE;YAChE,eAAe;YACf,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,MAAM,eAAe,KAAK,CAAC,CACxC;gBAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA;sBACL,qBAAqB;sCACL,aAAa;0BACzB,oBAAoB;yBACrB,eAAe;yBACf,qBAAqB;qBACzB,CAAC,CAEJ;kBAAA,CAAC,cAAI,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,mBAAmB,CAAC,EAC1D;gBAAA,EAAE,mBAAI,CACR;cAAA,EAAE,mBAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,cAAc,CACf,CACD;YAAA,CAAC,cAAI,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAI,CAC1C;YAAA,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAClB,gEAAgE;YAChE,eAAe;YACf,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,MAAM,eAAe,KAAK,CAAC,CACxC;gBAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA;sBACL,qBAAqB;;0BAEjB,aAAa;0BACb,kBAAkB;yBACnB,eAAe,UAAU,mBAAmB,KAAK,CAAC,CAEzD;kBAAA,CAAC,cAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC,IAAI,iBAAiB,CAAC,EACtD;gBAAA,EAAE,mBAAI,CACR;cAAA,EAAE,mBAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CACH;UAAA,GAAG,CACJ,CACH;MAAA,EAAE,cAAI,CACN;MAAA,CAAC,gBAAgB,IAAI,CAAC,cAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,QAAQ,CAAC,CAAE,CAAA,EAAE,cAAI,CAAC,CACxD;IAAA,EAAE,cAAI,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, useState } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { View } from 'react-native';\n\nimport type { SpinnerProps } from '../../temp-components/Spinner';\nimport Spinner from '../../temp-components/Spinner';\nimport type { IconProps, IconColor } from '../Icon';\nimport Icon from '../Icon';\nimport Text from '../Text/Text';\nimport type { TextProps } from '../Text/Text.types';\nimport { DEFAULT_TEXTBUTTON_PROPS } from './TextButton.constants';\nimport type { TextButtonProps } from './TextButton.types';\nimport {\n  generateTextButtonContainerClassNames,\n  generateTextButtonTextClassNames,\n} from './TextButton.utilities';\n\nconst TextButton = ({\n  children,\n  textProps,\n  isLoading = DEFAULT_TEXTBUTTON_PROPS.isLoading,\n  loadingText,\n  spinnerProps,\n  startIconName,\n  startIconProps,\n  startAccessory,\n  endIconName,\n  endIconProps,\n  endAccessory,\n  isDisabled = DEFAULT_TEXTBUTTON_PROPS.isDisabled,\n  isInverse = DEFAULT_TEXTBUTTON_PROPS.isInverse,\n  onPress,\n  onPressIn,\n  onPressOut,\n  onLongPress,\n  twClassName,\n  accessibilityRole,\n  accessibilityLabel,\n  style,\n  ...props\n}: TextButtonProps) => {\n  const [isPressed, setIsPressed] = useState(false);\n  const tw = useTailwind();\n\n  // Styling calculation for state changes\n  const twContainerClassNames = useMemo(() => {\n    return generateTextButtonContainerClassNames({\n      isPressed,\n      isLoading,\n      isDisabled,\n      twClassName,\n    });\n  }, [isPressed, isLoading, isDisabled, twClassName]);\n\n  const twTextClassNames = useMemo(() => {\n    return generateTextButtonTextClassNames({\n      isPressed,\n      isInverse,\n      isLoading,\n    });\n  }, [isPressed, isInverse, isLoading]);\n\n  // Merging default settings for Icons with passed in props\n  const finalStartIconProps: Partial<IconProps> = {\n    ...DEFAULT_TEXTBUTTON_PROPS.startIconProps,\n    ...startIconProps,\n    twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,\n  };\n  const finalStartIconName = startIconName ?? startIconProps?.name;\n\n  const finalEndIconProps: Partial<IconProps> = {\n    ...DEFAULT_TEXTBUTTON_PROPS.endIconProps,\n    ...endIconProps,\n    twClassName: `${twTextClassNames} ${endIconProps?.twClassName ?? ''}`,\n  };\n  const finalEndIconName = endIconName ?? endIconProps?.name;\n\n  const finalTextProps: Omit<Partial<TextProps>, 'children'> = {\n    ...DEFAULT_TEXTBUTTON_PROPS.textProps,\n    ...textProps,\n    twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,\n  };\n\n  // Merging spinner settings for Icons with passed in props\n  const finalSpinnerProps: SpinnerProps = {\n    ...DEFAULT_TEXTBUTTON_PROPS.spinnerProps,\n    loadingText,\n    color: twTextClassNames as IconColor,\n    loadingTextProps: {\n      twClassName: `${twTextClassNames} mt-[2.5px]`,\n    },\n    ...spinnerProps,\n  };\n  const onPressHandler = (event: GestureResponderEvent) => {\n    if (!isDisabled && !isLoading) {\n      onPress?.(event);\n    }\n  };\n\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    if (!isDisabled && !isLoading) {\n      setIsPressed(true);\n      onPressIn?.(event);\n    }\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    if (!isDisabled && !isLoading) {\n      setIsPressed(false);\n      onPressOut?.(event);\n    }\n  };\n\n  const onLongPressHandler = (event: GestureResponderEvent) => {\n    if (!isDisabled && !isLoading) {\n      onLongPress?.(event);\n    }\n  };\n\n  /**\n   * Design Requirements\n   * TextButton needs to be able to be placed inline with other Texts along with\n   * accompanying icons.\n   *\n   * Limitations\n   * React Native renders Texts and components nested inside Texts very differently.\n   * In order to fulfil design requirements\n   * - TextButton needs to be built using Text wrapping the component to ensure\n   * when placed in line with other Texts, it can be properly displayed inline\n   * with other Texts.\n   * - Due to React Native Texts calculating the layout of nested components\n   * differently, there needs to be a few styling hacks applied below\n   */\n\n  // Get the line height of the text, which is also the height of the component\n  const finalVariant =\n    textProps?.variant || DEFAULT_TEXTBUTTON_PROPS.textProps.variant;\n  const { lineHeight } = tw`text-${finalVariant as string}`;\n  const componentHeight = Number(lineHeight);\n\n  // Due to React Native rendering Views slightly above Texts, any non-texts\n  // need to be moved down\n  const nonTextOffSet = 2.5;\n\n  // Get the final sizes of Icons to help with manual alignments\n  const finalStartIconSize =\n    startIconProps?.size || DEFAULT_TEXTBUTTON_PROPS.startIconProps.size;\n  const finalEndIconSize =\n    endIconProps?.size || DEFAULT_TEXTBUTTON_PROPS.endIconProps.size;\n\n  // Offsets to vertically center the Icon\n  const finalStartIconOffset =\n    (Number(lineHeight) - Number(finalStartIconSize)) / 2;\n  const finalEndIconOffset =\n    (Number(lineHeight) - Number(finalEndIconSize)) / 2;\n\n  /**\n   * Due to Texts restricting nested components to manipulating layout with\n   * margins/paddings, we needed to add Nested Views in order to properly add\n   * additional margins/paddings. However, this causes the Text component to\n   * somehow not include the Icons as part of the calculation for displaying\n   * a change in background color onPress. Because of that, we need to mimic\n   * the behavior on the Icon wrappers by baking the margins into the Icon\n   * wrappers in order to display the background change properly\n   */\n  const marginsBetweenIconAndText = 4;\n  const startIconWrapperWidth =\n    Number(finalStartIconSize) + marginsBetweenIconAndText;\n  const endIconWrapperWidth =\n    Number(finalEndIconSize) + marginsBetweenIconAndText;\n\n  return (\n    <Text>\n      {finalStartIconName && <Text style={tw`hidden`}> </Text>}\n      {isLoading && (\n        <View style={tw`${twContainerClassNames}`}>\n          <Spinner {...finalSpinnerProps} />\n        </View>\n      )}\n      <Text\n        onPress={onPressHandler}\n        onPressIn={onPressInHandler}\n        onPressOut={onPressOutHandler}\n        onLongPress={onLongPressHandler}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityLabel={accessibilityLabel}\n        style={[tw`${twContainerClassNames}`, style]}\n        testID=\"text-button\"\n        suppressHighlighting\n        {...props}\n      >\n        {!isLoading && (\n          <>\n            {finalStartIconName ? (\n              // This additional View is needed, otherwise things are rendered\n              // VERY funkily\n              <View style={tw`h-[${componentHeight}px]`}>\n                <View\n                  style={tw`\n                    ${twContainerClassNames} \n                    items-start mt-[${nonTextOffSet}px] \n                    pt-[${finalStartIconOffset}px] \n                    h-[${componentHeight}px] \n                    w-[${startIconWrapperWidth}px]\n                    `}\n                >\n                  <Icon name={finalStartIconName} {...finalStartIconProps} />\n                </View>\n              </View>\n            ) : (\n              startAccessory\n            )}\n            <Text {...finalTextProps}>{children}</Text>\n            {finalEndIconName ? (\n              // This additional View is needed, otherwise things are rendered\n              // VERY funkily\n              <View style={tw`h-[${componentHeight}px]`}>\n                <View\n                  style={tw`\n                    ${twContainerClassNames} \n                    items-end \n                    mt-[${nonTextOffSet}px] \n                    pt-[${finalEndIconOffset}px] \n                    h-[${componentHeight}px] w-[${endIconWrapperWidth}px]`}\n                >\n                  <Icon name={finalEndIconName} {...finalEndIconProps} />\n                </View>\n              </View>\n            ) : (\n              endAccessory\n            )}\n          </>\n        )}\n      </Text>\n      {finalEndIconName && <Text style={tw`hidden`}> </Text>}\n    </Text>\n  );\n};\n\nexport default TextButton;\n"]}

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

@@ -1,73 +0,0 @@
-import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { TextProps } from 'src/components/Text/Text.types';
-import type { SpinnerProps } from '../../temp-components/Spinner';
-import type { IconProps, IconName } from '../Icon';
-/**
- * TextButton component props.
- */
-export type TextButtonProps = {
-    /**
-     * Required prop for the content to be rendered within the TextButton
-     */
-    children: string;
-    /**
-     * Optional props to be passed to the Text component when children is a string
-     */
-    textProps?: Omit<Partial<TextProps>, 'children'>;
-    /**
-     * Optional prop that when true, shows a loading spinner
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Optional prop for text to display when button is in loading state
-     */
-    loadingText?: string;
-    /**
-     * Optional prop to pass additional properties to the end icon
-     */
-    spinnerProps?: Partial<SpinnerProps>;
-    /**
-     * Optional prop to specify an icon to show at the start of the button
-     */
-    startIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the start icon
-     */
-    startIconProps?: Partial<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the start of the button
-     */
-    startAccessory?: React.ReactNode;
-    /**
-     * Optional prop to specify an icon to show at the end of the button
-     */
-    endIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the end icon
-     */
-    endIconProps?: Partial<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the end of the button
-     */
-    endAccessory?: React.ReactNode;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop to add twrnc overriding classNames.
-     */
-    twClassName?: string;
-    /**
-     * Optional prop to control the style.
-     */
-    style?: StyleProp<ViewStyle>;
-} & Omit<PressableProps, 'disabled'>;
-//# sourceMappingURL=TextButton.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/TextButton/TextButton.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.types.js","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport type { TextProps } from 'src/components/Text/Text.types';\n\nimport type { SpinnerProps } from '../../temp-components/Spinner';\nimport type { IconProps, IconName } from '../Icon';\n\n/**\n * TextButton component props.\n */\nexport type TextButtonProps = {\n  /**\n   * Required prop for the content to be rendered within the TextButton\n   */\n  children: string;\n  /**\n   * Optional props to be passed to the Text component when children is a string\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop for text to display when button is in loading state\n   */\n  loadingText?: string;\n  /**\n   * Optional prop to pass additional properties to the end icon\n   */\n  spinnerProps?: Partial<SpinnerProps>;\n  /**\n   * Optional prop to specify an icon to show at the start of the button\n   */\n  startIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the start icon\n   */\n  startIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the start of the button\n   */\n  startAccessory?: React.ReactNode;\n  /**\n   * Optional prop to specify an icon to show at the end of the button\n   */\n  endIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the end icon\n   */\n  endIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the end of the button\n   */\n  endAccessory?: React.ReactNode;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.\n   * @default false\n   */\n  isInverse?: 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} & Omit<PressableProps, 'disabled'>;\n"]}

package/dist/components/TextButton/TextButton.utilities.d.ts

@@ -1,55 +0,0 @@
-import type { TextButtonProps } from './TextButton.types';
-/**
- * Generates a Tailwind class name for the text button container based on its state and optional additional classes.
- *
- * This function computes the appropriate background class name for a text button's container, considering its
- * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @param isDisabled - Indicates whether the button is in a disabled state.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A combined string of Tailwind class names for the container's background styling.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonContainerClassNames({
- *   isPressed: true,
- *   isLoading: false,
- *   twClassName: 'rounded-full',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-background-pressed rounded-full"
- * ```
- */
-export declare const generateTextButtonContainerClassNames: ({ isPressed, isLoading, isDisabled, twClassName, }: Partial<TextButtonProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-/**
- * Generates a Tailwind class name for the text button's text based on its state.
- *
- * This function computes the appropriate text color and style class names for a text button,
- * considering its `isPressed`, `isInverse`, and `isLoading` states.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @returns A combined string of Tailwind class names for the text's color and style.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonTextClassNames({
- *   isPressed: true,
- *   isInverse: false,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-defaultPressed underline"
- * ```
- */
-export declare const generateTextButtonTextClassNames: ({ isPressed, isInverse, isLoading, }: Partial<TextButtonProps> & {
-    isPressed?: boolean | undefined;
-}) => string;
-//# sourceMappingURL=TextButton.utilities.d.ts.map

package/dist/components/TextButton/TextButton.utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,qCAAqC;;MAO9C,MAQH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,gCAAgC;;MAMzC,MAeH,CAAC"}

package/dist/components/TextButton/TextButton.utilities.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateTextButtonTextClassNames = exports.generateTextButtonContainerClassNames = void 0;
-/**
- * Generates a Tailwind class name for the text button container based on its state and optional additional classes.
- *
- * This function computes the appropriate background class name for a text button's container, considering its
- * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @param isDisabled - Indicates whether the button is in a disabled state.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A combined string of Tailwind class names for the container's background styling.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonContainerClassNames({
- *   isPressed: true,
- *   isLoading: false,
- *   twClassName: 'rounded-full',
- * });
- *
- * console.log(classNames);
- * // Output: "bg-background-pressed rounded-full"
- * ```
- */
-const generateTextButtonContainerClassNames = ({ isPressed = false, isLoading = false, isDisabled = false, twClassName = '', }) => {
-    const isPressedOrLoading = isPressed || isLoading;
-    const backgroundStyle = isPressedOrLoading
-        ? 'bg-background-pressed'
-        : 'bg-transparent';
-    const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;
-    return `${backgroundStyle} ${opacityStyle} ${twClassName}`;
-};
-exports.generateTextButtonContainerClassNames = generateTextButtonContainerClassNames;
-/**
- * Generates a Tailwind class name for the text button's text based on its state.
- *
- * This function computes the appropriate text color and style class names for a text button,
- * considering its `isPressed`, `isInverse`, and `isLoading` states.
- *
- * @param isPressed - Indicates whether the button is currently being pressed.
- * @param isInverse - Indicates whether the button is using an "inverse" theme.
- * @param isLoading - Indicates whether the button is in a loading state.
- * @returns A combined string of Tailwind class names for the text's color and style.
- *
- * Example:
- * ```
- * const classNames = generateTextButtonTextClassNames({
- *   isPressed: true,
- *   isInverse: false,
- *   isLoading: false,
- * });
- *
- * console.log(classNames);
- * // Output: "text-primary-defaultPressed underline"
- * ```
- */
-const generateTextButtonTextClassNames = ({ isPressed = false, isInverse = false, isLoading = false, }) => {
-    let textColor, textStyle;
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    const isPressedOrLoading = isPressed || isLoading;
-    if (isInverse) {
-        textColor = 'text-primary-inverse';
-        textStyle = 'underline';
-    }
-    else {
-        textColor = isPressedOrLoading
-            ? 'text-primary-defaultPressed'
-            : 'text-primary-default';
-        textStyle = isPressedOrLoading ? 'underline' : 'no-underline';
-    }
-    return `${textColor} ${textStyle}`;
-};
-exports.generateTextButtonTextClassNames = generateTextButtonTextClassNames;
-//# sourceMappingURL=TextButton.utilities.js.map

package/dist/components/TextButton/TextButton.utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextButton.utilities.js","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.utilities.ts"],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,MAAM,eAAe,GAAG,kBAAkB;QACxC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,gBAAgB,CAAC;IACrB,MAAM,YAAY,GAAG,WAAW,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAExD,OAAO,GAAG,eAAe,IAAI,YAAY,IAAI,WAAW,EAAE,CAAC;AAC7D,CAAC,CAAC;AAfW,QAAA,qCAAqC,yCAehD;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACI,MAAM,gCAAgC,GAAG,CAAC,EAC/C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAGlB,EAAU,EAAE;IACX,IAAI,SAAS,EAAE,SAAS,CAAC;IACzB,wEAAwE;IACxE,MAAM,kBAAkB,GAAG,SAAS,IAAI,SAAS,CAAC;IAClD,IAAI,SAAS,EAAE;QACb,SAAS,GAAG,sBAAsB,CAAC;QACnC,SAAS,GAAG,WAAW,CAAC;KACzB;SAAM;QACL,SAAS,GAAG,kBAAkB;YAC5B,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,sBAAsB,CAAC;QAC3B,SAAS,GAAG,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC;KAC/D;IAED,OAAO,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC;AACrC,CAAC,CAAC;AArBW,QAAA,gCAAgC,oCAqB3C","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { TextButtonProps } from './TextButton.types';\n\n/**\n * Generates a Tailwind class name for the text button container based on its state and optional additional classes.\n *\n * This function computes the appropriate background class name for a text button's container, considering its\n * `isPressed` and `isLoading` states. Additional Tailwind class names can also be appended using the `twClassName` parameter.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @param isDisabled - Indicates whether the button is in a disabled state.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A combined string of Tailwind class names for the container's background styling.\n *\n * Example:\n * ```\n * const classNames = generateTextButtonContainerClassNames({\n *   isPressed: true,\n *   isLoading: false,\n *   twClassName: 'rounded-full',\n * });\n *\n * console.log(classNames);\n * // Output: \"bg-background-pressed rounded-full\"\n * ```\n */\nexport const generateTextButtonContainerClassNames = ({\n  isPressed = false,\n  isLoading = false,\n  isDisabled = false,\n  twClassName = '',\n}: Partial<TextButtonProps> & {\n  isPressed?: boolean;\n}): string => {\n  const isPressedOrLoading = isPressed || isLoading;\n  const backgroundStyle = isPressedOrLoading\n    ? 'bg-background-pressed'\n    : 'bg-transparent';\n  const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;\n\n  return `${backgroundStyle} ${opacityStyle} ${twClassName}`;\n};\n\n/**\n * Generates a Tailwind class name for the text button's text based on its state.\n *\n * This function computes the appropriate text color and style class names for a text button,\n * considering its `isPressed`, `isInverse`, and `isLoading` states.\n *\n * @param isPressed - Indicates whether the button is currently being pressed.\n * @param isInverse - Indicates whether the button is using an \"inverse\" theme.\n * @param isLoading - Indicates whether the button is in a loading state.\n * @returns A combined string of Tailwind class names for the text's color and style.\n *\n * Example:\n * ```\n * const classNames = generateTextButtonTextClassNames({\n *   isPressed: true,\n *   isInverse: false,\n *   isLoading: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-primary-defaultPressed underline\"\n * ```\n */\nexport const generateTextButtonTextClassNames = ({\n  isPressed = false,\n  isInverse = false,\n  isLoading = false,\n}: Partial<TextButtonProps> & {\n  isPressed?: boolean;\n}): string => {\n  let textColor, textStyle;\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const isPressedOrLoading = isPressed || isLoading;\n  if (isInverse) {\n    textColor = 'text-primary-inverse';\n    textStyle = 'underline';\n  } else {\n    textColor = isPressedOrLoading\n      ? 'text-primary-defaultPressed'\n      : 'text-primary-default';\n    textStyle = isPressedOrLoading ? 'underline' : 'no-underline';\n  }\n\n  return `${textColor} ${textStyle}`;\n};\n"]}

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

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

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

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

package/dist/components/TextButton/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA","sourcesContent":["export { default } from './TextButton';\nexport type { TextButtonProps } from './TextButton.types';\n"]}

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-export declare const Text: import("react").ForwardRefExoticComponent<{
-    variant?: import("./components/Text").TextVariant | undefined;
-    children: import("react").ReactNode;
-    color?: import("./components/Text").TextColor | undefined;
-    fontWeight?: import("./components/Text").FontWeight | undefined;
-    fontStyle?: import("./components/Text").FontStyle | undefined;
-    twClassName?: string | undefined;
-} & import("react-native").TextProps & import("react").RefAttributes<any>>;
-export { TextVariant, TextColor, FontWeight, FontStyle, } from './components/Text';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;0EAAmC,CAAC;AACrD,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FontStyle = exports.FontWeight = exports.TextColor = exports.TextVariant = exports.Text = void 0;
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const Text_1 = __importDefault(require("./components/Text"));
-exports.Text = (0, design_system_twrnc_preset_1.withThemeProvider)(Text_1.default);
-var Text_2 = require("./components/Text");
-Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_2.TextVariant; } });
-Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_2.TextColor; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_2.FontWeight; } });
-Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_2.FontStyle; } });
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,8FAAkF;AAElF,6DAA8C;AAEjC,QAAA,IAAI,GAAG,IAAA,8CAAiB,EAAC,cAAa,CAAC,CAAC;AACrD,0CAK2B;AAJzB,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA","sourcesContent":["import { withThemeProvider } from '@metamask-previews/design-system-twrnc-preset';\n\nimport TextComponent from './components/Text';\n\nexport const Text = withThemeProvider(TextComponent);\nexport {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontStyle,\n} from './components/Text';\n"]}

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

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

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

@@ -1,58 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const 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

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

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

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

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

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

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

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

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

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