npm - @metamask-previews/design-system-react-native - Versions diffs - 0.5.1-preview.ab80aae → 0.6.0-preview.3dc70e1 - Mend

@metamask-previews/design-system-react-native 0.5.1-preview.ab80aae → 0.6.0-preview.3dc70e1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (210) hide show

package/dist/components/index.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.mjs CHANGED Viewed

@@ -10,6 +10,7 @@ export { BadgeIcon } from "./BadgeIcon/index.mjs";
 export { BadgeNetwork } from "./BadgeNetwork/index.mjs";
 export { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from "./BadgeStatus/index.mjs";
 export { BadgeWrapper, BadgeWrapperPosition, BadgeWrapperPositionAnchorShape } from "./BadgeWrapper/index.mjs";
+export { BottomSheetOverlay } from "./BottomSheetOverlay/index.mjs";
 export { Blockies } from "./temp-components/Blockies/index.mjs";
 export { Box, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "./Box/index.mjs";
 export { ButtonAnimated } from "./temp-components/ButtonAnimated/index.mjs";

package/dist/components/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EAClB,kCAAwB;AAGzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAG3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EACnB,gCAAsB;AAGvB,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAAqB;AAG9E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAGxC,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAGhF,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,+BAA+B,EAChC,iCAAuB;AAMxB,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,wBAAc;AAGf,OAAO,EAAE,cAAc,EAAE,mDAAyC;AAGlE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,yBAAe;AAG7D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,yBAAe;AAGhB,OAAO,EAAE,cAAc,EAAE,mDAAyC","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}
1	+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EAClB,kCAAwB;AAGzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,+BAAqB;AAG3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EACnB,gCAAsB;AAGvB,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,+BAAqB;AAG9E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,kCAAwB;AAGnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,gCAAsB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,SAAS,EAAE,8BAAoB;AAGxC,OAAO,EAAE,YAAY,EAAE,iCAAuB;AAG9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,gCAAsB;AAGhF,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,+BAA+B,EAChC,iCAAuB;AAMxB,OAAO,EAAE,kBAAkB,EAAE,uCAA6B;AAG1D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EACL,GAAG,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,wBAAc;AAGf,OAAO,EAAE,cAAc,EAAE,mDAAyC;AAGlE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AAGtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,yBAAe;AAG7D,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,QAAQ,EAAE,6CAAmC;AAGtD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,+BAAqB;AAG1D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACZ,yBAAe;AAGhB,OAAO,EAAE,cAAc,EAAE,mDAAyC","sourcesContent":["export {\n AvatarAccount,\n AvatarAccountVariant,\n AvatarAccountSize,\n} from './AvatarAccount';\nexport type { AvatarAccountProps } from './AvatarAccount';\n\nexport { AvatarBase, AvatarBaseSize, AvatarBaseShape } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './AvatarFavicon';\nexport type { AvatarFaviconProps } from './AvatarFavicon';\n\nexport {\n AvatarGroup,\n AvatarGroupSize,\n AvatarGroupVariant,\n} from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarIcon, AvatarIconSeverity, AvatarIconSize } from './AvatarIcon';\nexport type { AvatarIconProps } from './AvatarIcon';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork';\n\nexport { AvatarToken, AvatarTokenSize } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken';\n\nexport { BadgeCount, BadgeCountSize } from './BadgeCount';\nexport type { BadgeCountProps } from './BadgeCount';\n\nexport { BadgeIcon } from './BadgeIcon';\nexport type { BadgeIconProps } from './BadgeIcon';\n\nexport { BadgeNetwork } from './BadgeNetwork';\nexport type { BadgeNetworkProps } from './BadgeNetwork';\n\nexport { BadgeStatus, BadgeStatusStatus, BadgeStatusSize } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus';\n\nexport {\n BadgeWrapper,\n BadgeWrapperPosition,\n BadgeWrapperPositionAnchorShape,\n} from './BadgeWrapper';\nexport type {\n BadgeWrapperProps,\n BadgeWrapperCustomPosition,\n} from './BadgeWrapper';\n\nexport { BottomSheetOverlay } from './BottomSheetOverlay';\nexport type { BottomSheetOverlayProps } from './BottomSheetOverlay';\n\nexport { Blockies } from './temp-components/Blockies';\nexport type { BlockiesProps } from './temp-components/Blockies';\n\nexport {\n Box,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n BoxBorderColor,\n} from './Box';\nexport type { BoxProps, BoxSpacing } from './Box';\n\nexport { ButtonAnimated } from './temp-components/ButtonAnimated';\nexport type { ButtonAnimatedProps } from './temp-components/ButtonAnimated';\n\nexport { ButtonBase, ButtonBaseSize } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase';\n\nexport { Button, ButtonSize, ButtonVariant } from './Button';\nexport type { ButtonProps } from './Button';\n\nexport { ButtonIcon, ButtonIconSize } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon';\n\nexport { Checkbox } from './Checkbox';\nexport type { CheckboxProps } from './Checkbox';\n\nexport { Icon, IconColor, IconName, IconSize } from './Icon';\nexport type { IconProps } from './Icon';\n\nexport { Jazzicon } from './temp-components/Jazzicon';\nexport type { JazziconProps } from './temp-components/Jazzicon';\n\nexport { Maskicon } from './temp-components/Maskicon';\nexport type { MaskiconProps } from './temp-components/Maskicon';\n\nexport { TextButton, TextButtonSize } from './TextButton';\nexport type { TextButtonProps } from './TextButton';\n\nexport {\n Text,\n FontWeight,\n FontFamily,\n FontStyle,\n TextColor,\n TextVariant,\n} from './Text';\nexport type { TextProps } from './Text';\n\nexport { TextOrChildren } from './temp-components/TextOrChildren';\nexport type { TextOrChildrenProps } from './temp-components/TextOrChildren';\n"]}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.cjs CHANGED Viewed

@@ -22,22 +22,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 exports.ButtonAnimated = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native/index.js");
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
+const AnimatedPressable = react_native_reanimated_1.default.createAnimatedComponent(react_native_1.Pressable);
+const ButtonAnimated = ({ onPressIn, onPressOut, disabled, style, children, ...props }) => {
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
     const animation = (0, react_native_reanimated_1.useSharedValue)(1);
-    const scaleStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
         return {
             transform: [{ scale: animation.value }],
         };
     });
     const onPressInHandler = (event) => {
+        setIsPressed(true);
         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),
@@ -45,15 +45,23 @@ const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
         onPressIn?.(event);
     };
     const onPressOutHandler = (event) => {
+        setIsPressed(false);
         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>);
+    // Evaluate style function if needed
+    const evaluatedStyle = typeof style === 'function' ? style({ pressed: isPressed }) : style;
+    return (<AnimatedPressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} style={[
+            ...(Array.isArray(evaluatedStyle) ? evaluatedStyle : [evaluatedStyle]),
+            animatedStyle,
+        ]} {...props}>
+      {typeof children === 'function'
+            ? children({ pressed: isPressed })
+            : children}
+    </AnimatedPressable>);
 };
 exports.ButtonAnimated = ButtonAnimated;
 //# sourceMappingURL=ButtonAnimated.cjs.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAnimated.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA~~,kDAA0B~~;~~AAE1B~~,wDAAyC;AACzC,mFAKiC;~~AAI1B~~,MAAM,cAAc,GAAG,CAAC,EAC7B,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;~~AAzCW~~,QAAA,cAAc,~~kBAyCzB~~","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\nexport const 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"]}
1	+ {"version":3,"file":"ButtonAnimated.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,wDAAyC;AACzC,mFAKiC;AAIjC,MAAM,iBAAiB,GAAG,iCAAQ,CAAC,uBAAuB,CAAC,wBAAS,CAAC,CAAC;AAE/D,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QAC1C,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,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,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,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,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,oCAAoC;IACpC,MAAM,cAAc,GAClB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtE,OAAO,CACL,CAAC,iBAAiB,CAChB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC;YACL,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;YACtE,aAAa;SACd,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,OAAO,QAAQ,KAAK,UAAU;YAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YAClC,CAAC,CAAC,QAAQ,CACd;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,cAAc,kBAuDzB","sourcesContent":["import React, { useState } 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 AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport const ButtonAnimated = ({\n onPressIn,\n onPressOut,\n disabled,\n style,\n children,\n ...props\n}: ButtonAnimatedProps) => {\n const [isPressed, setIsPressed] = useState(false);\n const animation = useSharedValue(1);\n\n const animatedStyle = useAnimatedStyle(() => {\n return {\n transform: [{ scale: animation.value }],\n };\n });\n\n const onPressInHandler = (event: GestureResponderEvent) => {\n setIsPressed(true);\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 setIsPressed(false);\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 // Evaluate style function if needed\n const evaluatedStyle =\n typeof style === 'function' ? style({ pressed: isPressed }) : style;\n\n return (\n <AnimatedPressable\n onPressIn={onPressInHandler}\n onPressOut={onPressOutHandler}\n disabled={disabled}\n style={[\n ...(Array.isArray(evaluatedStyle) ? evaluatedStyle : [evaluatedStyle]),\n animatedStyle,\n ]}\n {...props}\n >\n {typeof children === 'function'\n ? children({ pressed: isPressed })\n : children}\n </AnimatedPressable>\n );\n};\n"]}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
 import type { ButtonAnimatedProps } from "./ButtonAnimated.types.cjs";
-export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
+export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, style, children, ...props }: ButtonAnimatedProps) => React.JSX.Element;
 //# sourceMappingURL=ButtonAnimated.d.cts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAnimated.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,cAAc;~~AAU1B~~,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;~~AAElE~~,eAAO,MAAM,cAAc,~~kDAKxB~~,mBAAmB,~~sBAoCrB~~,CAAC"}
1	+ {"version":3,"file":"ButtonAnimated.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAUxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAIlE,eAAO,MAAM,cAAc,mEAOxB,mBAAmB,sBAgDrB,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.mts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from "react";
 import type { ButtonAnimatedProps } from "./ButtonAnimated.types.mjs";
-export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
+export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, style, children, ...props }: ButtonAnimatedProps) => React.JSX.Element;
 //# sourceMappingURL=ButtonAnimated.d.mts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAnimated.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK~~,cAAc;~~AAU1B~~,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;~~AAElE~~,eAAO,MAAM,cAAc,~~kDAKxB~~,mBAAmB,~~sBAoCrB~~,CAAC"}
1	+ {"version":3,"file":"ButtonAnimated.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,cAAc;AAUxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAIlE,eAAO,MAAM,cAAc,mEAOxB,mBAAmB,sBAgDrB,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.mjs CHANGED Viewed

@@ -4,18 +4,21 @@ function $importDefault(module) {
     }
     return module;
 }
-import $React from "react";
+import $React, { useState } from "react";
 const React = $importDefault($React);
 import { Pressable } from "react-native/index.js";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from "react-native-reanimated";
-export const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const ButtonAnimated = ({ onPressIn, onPressOut, disabled, style, children, ...props }) => {
+    const [isPressed, setIsPressed] = useState(false);
     const animation = useSharedValue(1);
-    const scaleStyle = useAnimatedStyle(() => {
+    const animatedStyle = useAnimatedStyle(() => {
         return {
             transform: [{ scale: animation.value }],
         };
     });
     const onPressInHandler = (event) => {
+        setIsPressed(true);
         animation.value = withTiming(0.97, {
             duration: 100,
             easing: Easing.bezier(0.3, 0.8, 0.3, 1),
@@ -23,14 +26,22 @@ export const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) =>
         onPressIn?.(event);
     };
     const onPressOutHandler = (event) => {
+        setIsPressed(false);
         animation.value = withTiming(1, {
             duration: 100,
             easing: Easing.bezier(0.3, 0.8, 0.3, 1),
         });
         onPressOut?.(event);
     };
-    return (<Animated.View style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}>
-      <Pressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} {...props}/>
-    </Animated.View>);
+    // Evaluate style function if needed
+    const evaluatedStyle = typeof style === 'function' ? style({ pressed: isPressed }) : style;
+    return (<AnimatedPressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} style={[
+            ...(Array.isArray(evaluatedStyle) ? evaluatedStyle : [evaluatedStyle]),
+            animatedStyle,
+        ]} {...props}>
+      {typeof children === 'function'
+            ? children({ pressed: isPressed })
+            : children}
+    </AnimatedPressable>);
 };
 //# sourceMappingURL=ButtonAnimated.mjs.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAnimated.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,~~MAAK~~,cAAc;;~~AAE1B~~,OAAO,EAAE,SAAS,EAAE,8BAAqB;AACzC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,EACP,gCAAgC;AAIjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;~~IACpC~~,MAAM,~~UAAU~~,GAAG,gBAAgB,CAAC,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,UAAU,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,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,UAAU,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,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~~,~~QAAQ~~,~~CAAC~~,~~IAAI~~,~~CACZ,~~KAAK,CAAC,CAAC,CAAC,~~UAAU~~,~~EAAE~~,EAAE,~~UAAU~~,EAAE,~~QAAQ~~,EAAE,~~cAAc~~,~~EAAE~~,~~QAAQ~~,~~EAAE,~~CAAC,CAAC~~,CAExE~~;~~MAAA~~,CAAC,~~SAAS~~,~~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~~,QAAQ,CAAC,~~IAAI~~,CAAC,~~CACjB~~,CAAC;AACJ,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\nexport const 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"]}
1	+ {"version":3,"file":"ButtonAnimated.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,QAAQ,EAAE,cAAc;;AAExC,OAAO,EAAE,SAAS,EAAE,8BAAqB;AACzC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,EACP,gCAAgC;AAIjC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;AAEtE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QAC1C,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,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,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,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,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,oCAAoC;IACpC,MAAM,cAAc,GAClB,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtE,OAAO,CACL,CAAC,iBAAiB,CAChB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC;YACL,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;YACtE,aAAa;SACd,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,OAAO,QAAQ,KAAK,UAAU;YAC7B,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YAClC,CAAC,CAAC,QAAQ,CACd;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useState } 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 AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport const ButtonAnimated = ({\n onPressIn,\n onPressOut,\n disabled,\n style,\n children,\n ...props\n}: ButtonAnimatedProps) => {\n const [isPressed, setIsPressed] = useState(false);\n const animation = useSharedValue(1);\n\n const animatedStyle = useAnimatedStyle(() => {\n return {\n transform: [{ scale: animation.value }],\n };\n });\n\n const onPressInHandler = (event: GestureResponderEvent) => {\n setIsPressed(true);\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 setIsPressed(false);\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 // Evaluate style function if needed\n const evaluatedStyle =\n typeof style === 'function' ? style({ pressed: isPressed }) : style;\n\n return (\n <AnimatedPressable\n onPressIn={onPressInHandler}\n onPressOut={onPressOutHandler}\n disabled={disabled}\n style={[\n ...(Array.isArray(evaluatedStyle) ? evaluatedStyle : [evaluatedStyle]),\n animatedStyle,\n ]}\n {...props}\n >\n {typeof children === 'function'\n ? children({ pressed: isPressed })\n : children}\n </AnimatedPressable>\n );\n};\n"]}

package/dist/components/temp-components/Spinner/Spinner.cjs CHANGED Viewed

@@ -30,7 +30,7 @@ const react_native_1 = require("react-native/index.js");
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 const Icon_1 = require("../../Icon/index.cjs");
 const Text_1 = require("../../Text/index.cjs");
-const Spinner = ({ color = Icon_1.IconColor.IconDefault, spinnerIconProps, loadingText, loadingTextProps, twClassName = '', style, ...props }) => {
+const Spinner = ({ color = Icon_1.IconColor.IconDefault, spinnerIconProps, loadingText, loadingTextProps, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     // Create a shared value for rotation
     const rotation = (0, react_native_reanimated_1.useSharedValue)(0);
@@ -57,7 +57,7 @@ const Spinner = ({ color = Icon_1.IconColor.IconDefault, spinnerIconProps, loadi
         testID: 'spinner-text',
         ...loadingTextProps,
     };
-    return (<react_native_1.View style={[tw `flex-row items-center gap-x-2 ${twClassName}`, style]} testID="spinner" {...props}>
+    return (<react_native_1.View {...props} style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}>
       <react_native_reanimated_1.default.View style={[animatedStyle]} testID="spinner-animated-view">
         <Icon_1.Icon {...finalSpinnerIconProps}/>
       </react_native_reanimated_1.default.View>

package/dist/components/temp-components/Spinner/Spinner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,wDAAoC;AACpC,mFAMiC;AAGjC,+CAAiE;AAEjE,+CAA0D;AAInD,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,gBAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,CAAC,~~EAAE~~,~~CAAA,iCAAiC,WAAW,~~EAAE,~~EAAE~~,KAAK,CAAC,~~CAAC~~,~~CACjE~~,~~MAAM,~~CAAC,~~SAAS~~,~~CAChB,IAAI,~~KAAK,CAAC,~~CAEV~~;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,WAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;~~AAvDW~~,QAAA,OAAO,~~WAuDlB~~","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withRepeat,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n color = IconColor.IconDefault,\n spinnerIconProps,\n loadingText,\n loadingTextProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: SpinnerProps) => {\n const tw = useTailwind();\n\n // Create a shared value for rotation\n const rotation = useSharedValue(0);\n\n // Start the animation when the component mounts\n useEffect(() => {\n rotation.value = withRepeat(\n withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n -1, // Infinite repetitions\n false, // Do not reverse the animation\n );\n }, []);\n\n // Define the animated style\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotation.value % 360}deg` }],\n }));\n\n const finalSpinnerIconProps: IconProps = {\n size: IconSize.Md,\n name: IconName.Loading,\n testID: 'spinner-icon',\n color,\n ...spinnerIconProps,\n };\n\n const finalLoadingTextProps: Partial<TextProps> = {\n variant: TextVariant.BodyMd,\n color: TextColor.TextDefault,\n testID: 'spinner-text',\n ...loadingTextProps,\n };\n\n return (\n <View\n style={[tw`flex-row items-center gap-x-2 ${twClassName~~}`,~~ style]}\n ~~testID=\"spinner\"\n {...props}\n~~ >\n <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n <Icon {...finalSpinnerIconProps} />\n </Animated.View>\n {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"Spinner.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,wDAAoC;AACpC,mFAMiC;AAGjC,+CAAiE;AAEjE,+CAA0D;AAInD,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,gBAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,WAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,OAAO,WAsDlB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withRepeat,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n color = IconColor.IconDefault,\n spinnerIconProps,\n loadingText,\n loadingTextProps,\n twClassName,\n style,\n ...props\n}: SpinnerProps) => {\n const tw = useTailwind();\n\n // Create a shared value for rotation\n const rotation = useSharedValue(0);\n\n // Start the animation when the component mounts\n useEffect(() => {\n rotation.value = withRepeat(\n withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n -1, // Infinite repetitions\n false, // Do not reverse the animation\n );\n }, []);\n\n // Define the animated style\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotation.value % 360}deg` }],\n }));\n\n const finalSpinnerIconProps: IconProps = {\n size: IconSize.Md,\n name: IconName.Loading,\n testID: 'spinner-icon',\n color,\n ...spinnerIconProps,\n };\n\n const finalLoadingTextProps: Partial<TextProps> = {\n variant: TextVariant.BodyMd,\n color: TextColor.TextDefault,\n testID: 'spinner-text',\n ...loadingTextProps,\n };\n\n return (\n <View\n {...props}\n style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n >\n <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n <Icon {...finalSpinnerIconProps} />\n </Animated.View>\n {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n </View>\n );\n};\n"]}

package/dist/components/temp-components/Spinner/Spinner.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,4BAAwB;AAEpD,eAAO,MAAM,OAAO,6FAQjB,YAAY,~~sBA+Cd~~,CAAC"}
1	+ {"version":3,"file":"Spinner.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,4BAAwB;AAEpD,eAAO,MAAM,OAAO,6FAQjB,YAAY,sBA8Cd,CAAC"}

package/dist/components/temp-components/Spinner/Spinner.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,4BAAwB;AAEpD,eAAO,MAAM,OAAO,6FAQjB,YAAY,~~sBA+Cd~~,CAAC"}
1	+ {"version":3,"file":"Spinner.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,cAAc;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,4BAAwB;AAEpD,eAAO,MAAM,OAAO,6FAQjB,YAAY,sBA8Cd,CAAC"}

package/dist/components/temp-components/Spinner/Spinner.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ import { View } from "react-native/index.js";
 import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing } from "react-native-reanimated";
 import { Icon, IconColor, IconName, IconSize } from "../../Icon/index.mjs";
 import { Text, TextVariant, TextColor } from "../../Text/index.mjs";
-export const Spinner = ({ color = IconColor.IconDefault, spinnerIconProps, loadingText, loadingTextProps, twClassName = '', style, ...props }) => {
+export const Spinner = ({ color = IconColor.IconDefault, spinnerIconProps, loadingText, loadingTextProps, twClassName, style, ...props }) => {
     const tw = useTailwind();
     // Create a shared value for rotation
     const rotation = useSharedValue(0);
@@ -38,7 +38,7 @@ export const Spinner = ({ color = IconColor.IconDefault, spinnerIconProps, loadi
         testID: 'spinner-text',
         ...loadingTextProps,
     };
-    return (<View style={[tw `flex-row items-center gap-x-2 ${twClassName}`, style]} testID="spinner" {...props}>
+    return (<View {...props} style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}>
       <Animated.View style={[animatedStyle]} testID="spinner-animated-view">
         <Icon {...finalSpinnerIconProps}/>
       </Animated.View>

package/dist/components/temp-components/Spinner/Spinner.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EAAE,IAAI,EAAE,8BAAqB;AACpC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,MAAM,EACP,gCAAgC;AAGjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,6BAAmB;AAEjE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,6BAAmB;AAI1D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,~~GAAG~~,~~EAAE,EAChB,~~KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,UAAU,CACzB,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,WAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,SAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,~~EAAE~~,~~CAAA,iCAAiC,WAAW,~~EAAE,~~EAAE~~,KAAK,CAAC,~~CAAC~~,~~CACjE~~,~~MAAM,~~CAAC,~~SAAS~~,~~CAChB,IAAI,~~KAAK,CAAC,~~CAEV~~;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,QAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withRepeat,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n color = IconColor.IconDefault,\n spinnerIconProps,\n loadingText,\n loadingTextProps,\n twClassName ~~= ''~~,\n style,\n ...props\n}: SpinnerProps) => {\n const tw = useTailwind();\n\n // Create a shared value for rotation\n const rotation = useSharedValue(0);\n\n // Start the animation when the component mounts\n useEffect(() => {\n rotation.value = withRepeat(\n withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n -1, // Infinite repetitions\n false, // Do not reverse the animation\n );\n }, []);\n\n // Define the animated style\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotation.value % 360}deg` }],\n }));\n\n const finalSpinnerIconProps: IconProps = {\n size: IconSize.Md,\n name: IconName.Loading,\n testID: 'spinner-icon',\n color,\n ...spinnerIconProps,\n };\n\n const finalLoadingTextProps: Partial<TextProps> = {\n variant: TextVariant.BodyMd,\n color: TextColor.TextDefault,\n testID: 'spinner-text',\n ...loadingTextProps,\n };\n\n return (\n <View\n style={[tw`flex-row items-center gap-x-2 ${twClassName~~}`,~~ style]}\n ~~testID=\"spinner\"\n {...props}\n~~ >\n <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n <Icon {...finalSpinnerIconProps} />\n </Animated.View>\n {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n </View>\n );\n};\n"]}
1	+ {"version":3,"file":"Spinner.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EAAE,IAAI,EAAE,8BAAqB;AACpC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,MAAM,EACP,gCAAgC;AAGjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,6BAAmB;AAEjE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,6BAAmB;AAI1D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,UAAU,CACzB,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,WAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,SAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,QAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n useSharedValue,\n useAnimatedStyle,\n withRepeat,\n withTiming,\n Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n color = IconColor.IconDefault,\n spinnerIconProps,\n loadingText,\n loadingTextProps,\n twClassName,\n style,\n ...props\n}: SpinnerProps) => {\n const tw = useTailwind();\n\n // Create a shared value for rotation\n const rotation = useSharedValue(0);\n\n // Start the animation when the component mounts\n useEffect(() => {\n rotation.value = withRepeat(\n withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n -1, // Infinite repetitions\n false, // Do not reverse the animation\n );\n }, []);\n\n // Define the animated style\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotation.value % 360}deg` }],\n }));\n\n const finalSpinnerIconProps: IconProps = {\n size: IconSize.Md,\n name: IconName.Loading,\n testID: 'spinner-icon',\n color,\n ...spinnerIconProps,\n };\n\n const finalLoadingTextProps: Partial<TextProps> = {\n variant: TextVariant.BodyMd,\n color: TextColor.TextDefault,\n testID: 'spinner-text',\n ...loadingTextProps,\n };\n\n return (\n <View\n {...props}\n style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n >\n <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n <Icon {...finalSpinnerIconProps} />\n </Animated.View>\n {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n </View>\n );\n};\n"]}