@kivid/native-components 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist/commonjs/components/ActionButton/assets/class-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CACT,kBAAkB,EAClB,2BAA2B,CAC5B;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,4BAA4B,CAC7B;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CACP,4BAA4B,EAC5B,0BAA0B;IAE9B,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,kBAAW,CAACC,KAAK,GAAG,aAAa;MAClC,CAACD,kBAAW,CAACE,MAAM,GAAG,gBAAgB;MACtC,CAACF,kBAAW,CAACG,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfb,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEC,kBAAW,CAACE;EACvB;AACF,CACF,CAAC;AAEM,MAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG,IAAAhB,2BAAG,EAAC,EAAE,EAAE;EAClCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDM,eAAe,EAAE;IACfb,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAC5DC,UAAU,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;MAC/DC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CAAC,4BAA4B,EAAE,0BAA0B;IACpE,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,kBAAW,CAACC,KAAK,GAAG,aAAa;MAClC,CAACD,kBAAW,CAACE,MAAM,GAAG,gBAAgB;MACtC,CAACF,kBAAW,CAACG,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfb,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEC,kBAAW,CAACE;EACvB;AACF,CACF,CAAC;AAEM,MAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG,IAAAhB,2BAAG,EAAC,EAAE,EAAE;EAClCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDM,eAAe,EAAE;IACfb,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/components/ActionButton/index.js

@@ -4,24 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionButton = ActionButton;
-Object.defineProperty(exports, "ActionButtonCorners", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonCorners;
-  }
-});
-Object.defineProperty(exports, "ActionButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonProps;
-  }
-});
-Object.defineProperty(exports, "ActionButtonVariant", {
-  enumerable: true,
-  get: function () {
-    return _types.ActionButtonVariant;
-  }
-});
 var _tailwindPreset = require("@kivid/tailwind-preset");
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
@@ -29,22 +11,19 @@ var _index = require("../../enums/index.js");
 var _index2 = require("../Typography/index.js");
 var _classVariants = require("./assets/class-variants.js");
 var _jsxRuntime = require("react/jsx-runtime");
-var _types = require("./types.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ActionButton(props) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = _index.CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = _index.FontWeightEnum.MEDIUM,
-    subtitleWeight = _index.FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -68,25 +47,22 @@ function ActionButton(props) {
     variant,
     corners
   }), isPressed && !disabled && pressedColorMap[variant], className);
-  const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
-    variant
-  }));
 
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC",
+    grape: "text-chia-100",
     // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E" // chia-900
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900" // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
-    color: iconColorMap[variant]
+    className: (0, _tailwindPreset.merge)(iconColorMap[variant], icon.props?.className || "")
   }) : icon;
   const handlePressIn = event => {
     setIsPressed(true);
@@ -96,6 +72,21 @@ function ActionButton(props) {
     setIsPressed(false);
     onPressOut?.(event);
   };
+  const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
+    variant
+  }));
+  const mergedPrimaryTextProps = {
+    variant: "label_large",
+    weight: _index.FontWeightEnum.MEDIUM,
+    ...primaryTextProps,
+    className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", primaryTextProps.className)
+  };
+  const mergedSecondaryTextProps = {
+    variant: "label_large",
+    weight: _index.FontWeightEnum.BOLD,
+    ...secondaryTextProps,
+    className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", secondaryTextProps.className)
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
     ref: ref,
     disabled: disabled,
@@ -104,27 +95,23 @@ function ActionButton(props) {
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
     accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`,
+    accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
     accessibilityState: {
       disabled: disabled
     },
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
+      className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
       children: iconWithColor
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "shrink-0",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
-        variant: "label_large",
-        weight: labelWeight,
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", labelClassName),
-        children: label
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
-        variant: "label_large",
-        weight: subtitleWeight,
-        className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", subtitleClassName),
-        children: subtitle
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
       })]
     })]
   });

package/dist/commonjs/components/ActionButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","_types","e","__esModule","default","ActionButton","props","icon","label","subtitle","variant","corners","CornersEnum","MEDIUM","disabled","className","iconClassName","labelClassName","subtitleClassName","labelWeight","FontWeightEnum","subtitleWeight","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","textStyle","textVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","jsxs","Pressable","accessibilityRole","accessibilityState","pointerEvents","children","jsx","View","Typography","weight","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","e","__esModule","default","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","CornersEnum","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","textVariants","mergedPrimaryTextProps","weight","FontWeightEnum","mergedSecondaryTextProps","BOLD","jsxs","Pressable","accessibilityRole","accessibilityState","pointerEvents","children","jsx","View","Typography","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Toast/index.js

@@ -29,8 +29,10 @@ function Toast(props) {
   } = props;
   const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const timerRef = (0, _react.useRef)(null);
+  const isClosingRef = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
     if (!isToastOpen) return;
+    isClosingRef.current = false;
     if (timerRef.current) clearTimeout(timerRef.current);
     _reactNative.Animated.timing(animatedValue, {
       toValue: 1,
@@ -38,6 +40,8 @@ function Toast(props) {
       useNativeDriver: true
     }).start();
     timerRef.current = setTimeout(() => {
+      if (isClosingRef.current) return;
+      isClosingRef.current = true;
       _reactNative.Animated.timing(animatedValue, {
         toValue: 0,
         duration: 200,
@@ -52,8 +56,16 @@ function Toast(props) {
   }, [isToastOpen]);
   if (!isToastOpen) return null;
   function handleClose() {
-    onCloseToast(false);
+    if (isClosingRef.current) return;
+    isClosingRef.current = true;
     if (timerRef.current) clearTimeout(timerRef.current);
+    _reactNative.Animated.timing(animatedValue, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start(() => {
+      onCloseToast(false);
+    });
   }
   const toastStyle = (0, _classVariants.toastVariants)({
     variant
@@ -76,32 +88,35 @@ function Toast(props) {
     })
   };
   const Icon = iconMap[variant];
+  const animatedStyle = {
+    opacity: animatedValue,
+    transform: [{
+      translateY: animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [-20, 0]
+      })
+    }]
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
     className: containerStyle,
+    style: animatedStyle,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: (0, _tailwindPreset.merge)(toastStyle, className),
       style: {
         boxShadow: _index5.elevationDown100
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "flex flex-row items-center gap-500",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          className: "flex items-center gap-8",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-            className: (0, _tailwindPreset.merge)("title_small font-bold text-chia-100", descriptionClassName),
-            children: description
-          })
-        })]
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+        className: (0, _tailwindPreset.merge)("title_small font-bold text-chia-100 truncate flex-1", descriptionClassName),
+        children: description
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
         className: "cursor-pointer",
         onPress: handleClose,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Close, {
-          color: "#FAFCFC",
+          className: "text-chia-100",
           size: 30
         })
       })]
     })
   });
 }
-;
 //# sourceMappingURL=index.js.map

package/dist/commonjs/components/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_index","_classVariants","_native","_index2","_interopRequireDefault","_tailwindPreset","_index3","_index4","_index5","_jsxRuntime","e","__esModule","default","Toast","props","description","isToastOpen","onCloseToast","className","descriptionClassName","durationInMilliSeconds","position","ToastPositionEnum","TOP","variant","ToastVariantEnum","SUCCESS","animatedValue","useRef","Animated","Value","current","timerRef","useEffect","clearTimeout","timing","toValue","duration","useNativeDriver","start","setTimeout","handleClose","toastStyle","toastVariants","containerStyle","containerVariants","iconMap","jsx","Seal","SealVariantEnum","inverted","ERROR","WARNING","ALERT","Icon","View","children","jsxs","merge","style","boxShadow","elevationDown100","Pressable","onPress","Close","color","size"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_index","_classVariants","_native","_index2","_interopRequireDefault","_tailwindPreset","_index3","_index4","_index5","_jsxRuntime","e","__esModule","default","Toast","props","description","isToastOpen","onCloseToast","className","descriptionClassName","durationInMilliSeconds","position","ToastPositionEnum","TOP","variant","ToastVariantEnum","SUCCESS","animatedValue","useRef","Animated","Value","current","timerRef","isClosingRef","useEffect","clearTimeout","timing","toValue","duration","useNativeDriver","start","setTimeout","handleClose","toastStyle","toastVariants","containerStyle","containerVariants","iconMap","jsx","Seal","SealVariantEnum","inverted","ERROR","WARNING","ALERT","Icon","animatedStyle","opacity","transform","translateY","interpolate","inputRange","outputRange","View","style","children","jsxs","merge","boxShadow","elevationDown100","Pressable","onPress","Close","size"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/ActionButton/assets/class-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","CornersEnum","menuCardVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CACT,kBAAkB,EAClB,2BAA2B,CAC5B;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,4BAA4B,CAC7B;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CACP,4BAA4B,EAC5B,0BAA0B;IAE9B,CAAC;IACDC,OAAO,EAAE;MACP,CAACX,WAAW,CAACY,KAAK,GAAG,aAAa;MAClC,CAACZ,WAAW,CAACa,MAAM,GAAG,gBAAgB;MACtC,CAACb,WAAW,CAACc,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfZ,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEX,WAAW,CAACa;EACvB;AACF,CACF,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGjB,GAAG,CAAC,EAAE,EAAE;EAClCG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDK,eAAe,EAAE;IACfZ,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","CornersEnum","menuCardVariants","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,OAAO,MAAMC,gBAAgB,GAAGF,GAAG,CACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAC5DC,UAAU,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;MAC/DC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CAAC,4BAA4B,EAAE,0BAA0B;IACpE,CAAC;IACDC,OAAO,EAAE;MACP,CAACX,WAAW,CAACY,KAAK,GAAG,aAAa;MAClC,CAACZ,WAAW,CAACa,MAAM,GAAG,gBAAgB;MACtC,CAACb,WAAW,CAACc,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfZ,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEX,WAAW,CAACa;EACvB;AACF,CACF,CAAC;AAED,OAAO,MAAMG,YAAY,GAAGjB,GAAG,CAAC,EAAE,EAAE;EAClCG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDK,eAAe,EAAE;IACfZ,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/components/ActionButton/index.js

@@ -10,17 +10,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ActionButton(props) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = FontWeightEnum.MEDIUM,
-    subtitleWeight = FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -44,25 +42,22 @@ export function ActionButton(props) {
     variant,
     corners
   }), isPressed && !disabled && pressedColorMap[variant], className);
-  const textStyle = merge(textVariants({
-    variant
-  }));
 
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC",
+    grape: "text-chia-100",
     // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E" // chia-900
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900" // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, {
-    color: iconColorMap[variant]
+    className: merge(iconColorMap[variant], icon.props?.className || "")
   }) : icon;
   const handlePressIn = event => {
     setIsPressed(true);
@@ -72,6 +67,21 @@ export function ActionButton(props) {
     setIsPressed(false);
     onPressOut?.(event);
   };
+  const textStyle = merge(textVariants({
+    variant
+  }));
+  const mergedPrimaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.MEDIUM,
+    ...primaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", primaryTextProps.className)
+  };
+  const mergedSecondaryTextProps = {
+    variant: "label_large",
+    weight: FontWeightEnum.BOLD,
+    ...secondaryTextProps,
+    className: merge(textStyle, disabled && "opacity-60", secondaryTextProps.className)
+  };
   return /*#__PURE__*/_jsxs(Pressable, {
     ref: ref,
     disabled: disabled,
@@ -80,31 +90,26 @@ export function ActionButton(props) {
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
     accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`,
+    accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
     accessibilityState: {
       disabled: disabled
     },
     pointerEvents: disabled ? "none" : "auto",
     ...rest,
     children: [/*#__PURE__*/_jsx(View, {
-      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName),
+      className: merge("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
       children: iconWithColor
     }), /*#__PURE__*/_jsxs(View, {
       className: "shrink-0",
       children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "label_large",
-        weight: labelWeight,
-        className: merge(textStyle, disabled && "opacity-60", labelClassName),
-        children: label
-      }), subtitle && /*#__PURE__*/_jsx(Typography, {
-        variant: "label_large",
-        weight: subtitleWeight,
-        className: merge(textStyle, disabled && "opacity-60", subtitleClassName),
-        children: subtitle
+        ...mergedPrimaryTextProps,
+        children: primaryText
+      }), secondaryText && /*#__PURE__*/_jsx(Typography, {
+        ...mergedSecondaryTextProps,
+        children: secondaryText
       })]
     })]
   });
 }
 ActionButton.displayName = "ActionButton";
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/module/components/ActionButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["merge","React","Pressable","View","CornersEnum","FontWeightEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","label","subtitle","variant","corners","MEDIUM","disabled","className","iconClassName","labelClassName","subtitleClassName","labelWeight","subtitleWeight","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","textStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","color","handlePressIn","event","handlePressOut","accessibilityRole","accessibilityState","pointerEvents","children","weight","displayName","ActionButtonCorners","ActionButtonProps","ActionButtonVariant"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["merge","React","Pressable","View","CornersEnum","FontWeightEnum","Typography","menuCardVariants","textVariants","jsx","_jsx","jsxs","_jsxs","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","mergedPrimaryTextProps","weight","mergedSecondaryTextProps","BOLD","accessibilityRole","accessibilityState","pointerEvents","children","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Toast/index.js

@@ -24,8 +24,10 @@ export function Toast(props) {
   } = props;
   const animatedValue = useRef(new Animated.Value(0)).current;
   const timerRef = useRef(null);
+  const isClosingRef = useRef(false);
   useEffect(() => {
     if (!isToastOpen) return;
+    isClosingRef.current = false;
     if (timerRef.current) clearTimeout(timerRef.current);
     Animated.timing(animatedValue, {
       toValue: 1,
@@ -33,6 +35,8 @@ export function Toast(props) {
       useNativeDriver: true
     }).start();
     timerRef.current = setTimeout(() => {
+      if (isClosingRef.current) return;
+      isClosingRef.current = true;
       Animated.timing(animatedValue, {
         toValue: 0,
         duration: 200,
@@ -47,8 +51,16 @@ export function Toast(props) {
   }, [isToastOpen]);
   if (!isToastOpen) return null;
   function handleClose() {
-    onCloseToast(false);
+    if (isClosingRef.current) return;
+    isClosingRef.current = true;
     if (timerRef.current) clearTimeout(timerRef.current);
+    Animated.timing(animatedValue, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start(() => {
+      onCloseToast(false);
+    });
   }
   const toastStyle = toastVariants({
     variant
@@ -71,32 +83,35 @@ export function Toast(props) {
     })
   };
   const Icon = iconMap[variant];
+  const animatedStyle = {
+    opacity: animatedValue,
+    transform: [{
+      translateY: animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [-20, 0]
+      })
+    }]
+  };
   return /*#__PURE__*/_jsx(Animated.View, {
     className: containerStyle,
+    style: animatedStyle,
     children: /*#__PURE__*/_jsxs(View, {
       className: merge(toastStyle, className),
       style: {
         boxShadow: elevationDown100
       },
-      children: [/*#__PURE__*/_jsxs(View, {
-        className: "flex flex-row items-center gap-500",
-        children: [/*#__PURE__*/_jsx(Icon, {}), /*#__PURE__*/_jsx(View, {
-          className: "flex items-center gap-8",
-          children: /*#__PURE__*/_jsx(Typography, {
-            className: merge("title_small font-bold text-chia-100", descriptionClassName),
-            children: description
-          })
-        })]
+      children: [/*#__PURE__*/_jsx(Icon, {}), /*#__PURE__*/_jsx(Typography, {
+        className: merge("title_small font-bold text-chia-100 truncate flex-1", descriptionClassName),
+        children: description
       }), /*#__PURE__*/_jsx(Pressable, {
         className: "cursor-pointer",
         onPress: handleClose,
         children: /*#__PURE__*/_jsx(Close, {
-          color: "#FAFCFC",
+          className: "text-chia-100",
           size: 30
         })
       })]
     })
   });
 }
-;
 //# sourceMappingURL=index.js.map

package/dist/module/components/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","View","Animated","Pressable","ToastPositionEnum","ToastVariantEnum","containerVariants","toastVariants","Close","Typography","merge","Seal","SealVariantEnum","elevationDown100","jsx","_jsx","jsxs","_jsxs","Toast","props","description","isToastOpen","onCloseToast","className","descriptionClassName","durationInMilliSeconds","position","TOP","variant","SUCCESS","animatedValue","Value","current","timerRef","clearTimeout","timing","toValue","duration","useNativeDriver","start","setTimeout","handleClose","toastStyle","containerStyle","iconMap","inverted","ERROR","WARNING","ALERT","Icon","children","style","boxShadow","onPress","color","size"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","View","Animated","Pressable","ToastPositionEnum","ToastVariantEnum","containerVariants","toastVariants","Close","Typography","merge","Seal","SealVariantEnum","elevationDown100","jsx","_jsx","jsxs","_jsxs","Toast","props","description","isToastOpen","onCloseToast","className","descriptionClassName","durationInMilliSeconds","position","TOP","variant","SUCCESS","animatedValue","Value","current","timerRef","isClosingRef","clearTimeout","timing","toValue","duration","useNativeDriver","start","setTimeout","handleClose","toastStyle","containerStyle","iconMap","inverted","ERROR","WARNING","ALERT","Icon","animatedStyle","opacity","transform","translateY","interpolate","inputRange","outputRange","style","children","boxShadow","onPress","size"],"sourceRoot":"../../../../src","sources":["components/Toast/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/components/ActionButton/index.d.ts

@@ -4,4 +4,3 @@ export declare function ActionButton(props: ActionButtonProps): React.JSX.Elemen
 export declare namespace ActionButton {
     var displayName: string;
 }
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types";

package/dist/typescript/components/ActionButton/types.d.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum, FontWeightEnum } from "../../enums";
+import { CornersEnum } from "../../enums";
+import { TypographyProps } from "../Typography/types";
 import { menuCardVariants } from "./assets/class-variants";
 export type ActionButtonVariant = "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline";
 export type ActionButtonCorners = CornersEnum.SMALL | CornersEnum.MEDIUM | CornersEnum.LARGE;
@@ -10,13 +11,21 @@ export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>
      */
     icon: React.ReactNode;
     /**
-     * The main label text
+     * The primary text (main label)
      */
-    label: string;
+    primaryText: string;
     /**
-     * The subtitle text below the label
+     * The secondary text below the primary text
      */
-    subtitle?: string;
+    secondaryText?: string;
+    /**
+     * Props to pass to the primary text Typography component
+     */
+    primaryTextProps?: Omit<TypographyProps, "children">;
+    /**
+     * Props to pass to the secondary text Typography component
+     */
+    secondaryTextProps?: Omit<TypographyProps, "children">;
     /**
      * Visual style variant of the card
      */
@@ -36,25 +45,7 @@ export interface ActionButtonProps extends VariantProps<typeof menuCardVariants>
     /**
      * Additional class names for the icon container
      */
-    iconClassName?: string;
-    /**
-     * Additional class names for the label text
-     */
-    labelClassName?: string;
-    /**
-     * Additional class names for the subtitle text
-     */
-    subtitleClassName?: string;
-    /**
-     * Font weight for the label text
-     * @default FontWeightEnum.MEDIUM
-     */
-    labelWeight?: FontWeightEnum;
-    /**
-     * Font weight for the subtitle text
-     * @default FontWeightEnum.MEDIUM
-     */
-    subtitleWeight?: FontWeightEnum;
+    iconContainerClassName?: string;
     /**
      * Callback when card is pressed
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kivid/native-components",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.16",
   "description": "A React Native component library for the Butterfly Design System.",
   "repository": {
     "type": "git",
@@ -79,8 +79,8 @@
     "react": "19.0.0",
     "ts-jest": "^29.2.5",
     "typescript": "~5.8.3",
-    "@kivid/icons": "1.0.0-alpha.14",
-    "@kivid/tailwind-preset": "1.0.0-alpha.14"
+    "@kivid/tailwind-preset": "1.0.0-alpha.16",
+    "@kivid/icons": "1.0.0-alpha.16"
   },
   "peerDependencies": {
     "@lottiefiles/dotlottie-react": "^0.15.1",
@@ -90,8 +90,8 @@
     "react-native-svg": "^15.12.0",
     "react-native": "0.79.5",
     "react": "19.0.0",
-    "@kivid/icons": "1.0.0-alpha.14",
-    "@kivid/tailwind-preset": "1.0.0-alpha.14"
+    "@kivid/tailwind-preset": "1.0.0-alpha.16",
+    "@kivid/icons": "1.0.0-alpha.16"
   },
   "eslintIgnore": [
     "node_modules/",

package/src/components/ActionButton/assets/class-variants.ts

@@ -15,19 +15,10 @@ export const menuCardVariants = cva(
         grape: ["bg-grape-500", "disabled:bg-grape-200"],
         java: ["bg-java-500", "disabled:bg-java-200"],
         pear: ["bg-pear-500", "disabled:bg-pear-200"],
-        tangerine: [
-          "bg-tangerine-500",
-          "disabled:bg-tangerine-200",
-        ],
-        blackberry: [
-          "bg-blackberry-500",
-          "disabled:bg-blackberry-200",
-        ],
+        tangerine: ["bg-tangerine-500", "disabled:bg-tangerine-200"],
+        blackberry: ["bg-blackberry-500", "disabled:bg-blackberry-200"],
         chia: ["bg-chia-700", "disabled:bg-chia-400"],
-        outline: [
-          "border-100 border-chia-400",
-          "disabled:border-chia-300",
-        ],
+        outline: ["border-100 border-chia-400", "disabled:border-chia-300"],
       },
       corners: {
         [CornersEnum.SMALL]: "rounded-700",

package/src/components/ActionButton/index.tsx

@@ -3,26 +3,21 @@ import React from "react";
 import { Pressable, View } from "react-native";
 import { CornersEnum, FontWeightEnum } from "../../enums";
 import { Typography } from "../Typography";
-import {
-  menuCardVariants,
-  textVariants,
-} from "./assets/class-variants";
+import { menuCardVariants, textVariants } from "./assets/class-variants";
 import type { ActionButtonProps } from "./types";
 
 export function ActionButton(props: ActionButtonProps) {
   const {
     icon,
-    label,
-    subtitle,
+    primaryText,
+    secondaryText,
+    primaryTextProps = {},
+    secondaryTextProps = {},
     variant = "grape",
     corners = CornersEnum.MEDIUM,
     disabled = false,
     className,
-    iconClassName,
-    labelClassName,
-    subtitleClassName,
-    labelWeight = FontWeightEnum.MEDIUM,
-    subtitleWeight = FontWeightEnum.MEDIUM,
+    iconContainerClassName,
     onPress,
     accessibilityLabel,
     ref,
@@ -53,23 +48,24 @@ export function ActionButton(props: ActionButtonProps) {
     className
   );
 
-  const textStyle = merge(textVariants({ variant }));
-
   // Define icon colors based on variant
   const iconColorMap = {
-    grape: "#FAFCFC", // chia-100
-    java: "#FAFCFC",
-    pear: "#FAFCFC",
-    tangerine: "#FAFCFC",
-    blackberry: "#FAFCFC",
-    chia: "#FAFCFC",
-    outline: "#393E3E", // chia-900
+    grape: "text-chia-100", // chia-100
+    java: "text-chia-100",
+    pear: "text-chia-100",
+    tangerine: "text-chia-100",
+    blackberry: "text-chia-100",
+    chia: "text-chia-100",
+    outline: "text-chia-900", // chia-900
   };
 
   // Clone icon element to pass color prop
   const iconWithColor = React.isValidElement(icon)
     ? React.cloneElement(icon as React.ReactElement<any>, {
-        color: iconColorMap[variant],
+        className: merge(
+          iconColorMap[variant],
+          (icon as React.ReactElement<any>).props?.className || ""
+        ),
       })
     : icon;
 
@@ -83,6 +79,30 @@ export function ActionButton(props: ActionButtonProps) {
     onPressOut?.(event);
   };
 
+  const textStyle = merge(textVariants({ variant }));
+
+  const mergedPrimaryTextProps = {
+    variant: "label_large" as const,
+    weight: FontWeightEnum.MEDIUM as const,
+    ...primaryTextProps,
+    className: merge(
+      textStyle,
+      disabled && "opacity-60",
+      primaryTextProps.className
+    ),
+  };
+
+  const mergedSecondaryTextProps = {
+    variant: "label_large" as const,
+    weight: FontWeightEnum.BOLD as const,
+    ...secondaryTextProps,
+    className: merge(
+      textStyle,
+      disabled && "opacity-60",
+      secondaryTextProps.className
+    ),
+  };
+
   return (
     <Pressable
       ref={ref}
@@ -92,7 +112,10 @@ export function ActionButton(props: ActionButtonProps) {
       onPressIn={handlePressIn}
       onPressOut={handlePressOut}
       accessibilityRole="button"
-      accessibilityLabel={accessibilityLabel || `${label}${subtitle ? ` ${subtitle}` : ""}`}
+      accessibilityLabel={
+        accessibilityLabel ||
+        `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`
+      }
       accessibilityState={{
         disabled: disabled,
       }}
@@ -100,27 +123,21 @@ export function ActionButton(props: ActionButtonProps) {
       {...rest}
     >
       {/* Icon Container */}
-      <View className={merge("flex items-start shrink-0", disabled && "opacity-60", iconClassName)}>
+      <View
+        className={merge(
+          "flex items-start shrink-0",
+          disabled && "opacity-60",
+          iconContainerClassName
+        )}
+      >
         {iconWithColor}
       </View>
 
       {/* Label Container */}
       <View className="shrink-0">
-        <Typography
-          variant="label_large"
-          weight={labelWeight as any}
-          className={merge(textStyle, disabled && "opacity-60", labelClassName)}
-        >
-          {label}
-        </Typography>
-        {subtitle && (
-          <Typography
-            variant="label_large"
-            weight={subtitleWeight as any}
-            className={merge(textStyle, disabled && "opacity-60", subtitleClassName)}
-          >
-            {subtitle}
-          </Typography>
+        <Typography {...mergedPrimaryTextProps}>{primaryText}</Typography>
+        {secondaryText && (
+          <Typography {...mergedSecondaryTextProps}>{secondaryText}</Typography>
         )}
       </View>
     </Pressable>
@@ -128,6 +145,3 @@ export function ActionButton(props: ActionButtonProps) {
 }
 
 ActionButton.displayName = "ActionButton";
-
-export { ActionButtonCorners, ActionButtonProps, ActionButtonVariant } from "./types";
-

package/src/components/ActionButton/types.ts

@@ -1,6 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 import { PressableProps, View } from "react-native";
-import { CornersEnum, FontWeightEnum } from "../../enums";
+import { CornersEnum } from "../../enums";
+import { TypographyProps } from "../Typography/types";
 import { menuCardVariants } from "./assets/class-variants";
 
 export type ActionButtonVariant =
@@ -25,13 +26,21 @@ export interface ActionButtonProps
    */
   icon: React.ReactNode;
   /**
-   * The main label text
+   * The primary text (main label)
    */
-  label: string;
+  primaryText: string;
   /**
-   * The subtitle text below the label
+   * The secondary text below the primary text
    */
-  subtitle?: string;
+  secondaryText?: string;
+  /**
+   * Props to pass to the primary text Typography component
+   */
+  primaryTextProps?: Omit<TypographyProps, "children">;
+  /**
+   * Props to pass to the secondary text Typography component
+   */
+  secondaryTextProps?: Omit<TypographyProps, "children">;
   /**
    * Visual style variant of the card
    */
@@ -51,25 +60,7 @@ export interface ActionButtonProps
   /**
    * Additional class names for the icon container
    */
-  iconClassName?: string;
-  /**
-   * Additional class names for the label text
-   */
-  labelClassName?: string;
-  /**
-   * Additional class names for the subtitle text
-   */
-  subtitleClassName?: string;
-  /**
-   * Font weight for the label text
-   * @default FontWeightEnum.MEDIUM
-   */
-  labelWeight?: FontWeightEnum;
-  /**
-   * Font weight for the subtitle text
-   * @default FontWeightEnum.MEDIUM
-   */
-  subtitleWeight?: FontWeightEnum;
+  iconContainerClassName?: string;
   /**
    * Callback when card is pressed
    */

package/src/components/Toast/index.tsx

@@ -11,7 +11,6 @@ import { Seal } from "../Seal";
 import { SealVariantEnum } from "../Seal/enums";
 import { elevationDown100 } from "../../styles/mixins/shadows";
 
-
 export function Toast(props: ToastProps) {
   const {
     description,
@@ -21,15 +20,18 @@ export function Toast(props: ToastProps) {
     descriptionClassName,
     durationInMilliSeconds = 3000,
     position = ToastPositionEnum.TOP,
-    variant = ToastVariantEnum.SUCCESS
+    variant = ToastVariantEnum.SUCCESS,
   } = props;
 
   const animatedValue = useRef(new Animated.Value(0)).current;
   const timerRef = useRef<NodeJS.Timeout | null>(null);
+  const isClosingRef = useRef(false);
 
   useEffect(() => {
     if (!isToastOpen) return;
 
+    isClosingRef.current = false;
+
     if (timerRef.current) clearTimeout(timerRef.current);
 
     Animated.timing(animatedValue, {
@@ -39,6 +41,9 @@ export function Toast(props: ToastProps) {
     }).start();
 
     timerRef.current = setTimeout(() => {
+      if (isClosingRef.current) return;
+
+      isClosingRef.current = true;
       Animated.timing(animatedValue, {
         toValue: 0,
         duration: 200,
@@ -56,47 +61,71 @@ export function Toast(props: ToastProps) {
   if (!isToastOpen) return null;
 
   function handleClose() {
-    onCloseToast(false);
+    if (isClosingRef.current) return;
+
+    isClosingRef.current = true;
     if (timerRef.current) clearTimeout(timerRef.current);
+
+    Animated.timing(animatedValue, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true,
+    }).start(() => {
+      onCloseToast(false);
+    });
   }
 
   const toastStyle = toastVariants({ variant });
   const containerStyle = containerVariants({ position });
 
   const iconMap = {
-    [ToastVariantEnum.SUCCESS]: () => <Seal variant={SealVariantEnum.SUCCESS} inverted />,
-    [ToastVariantEnum.ERROR]: () => <Seal variant={SealVariantEnum.ERROR} inverted />,
-    [ToastVariantEnum.WARNING]: () => <Seal variant={SealVariantEnum.ALERT} inverted />,
+    [ToastVariantEnum.SUCCESS]: () => (
+      <Seal variant={SealVariantEnum.SUCCESS} inverted />
+    ),
+    [ToastVariantEnum.ERROR]: () => (
+      <Seal variant={SealVariantEnum.ERROR} inverted />
+    ),
+    [ToastVariantEnum.WARNING]: () => (
+      <Seal variant={SealVariantEnum.ALERT} inverted />
+    ),
   };
 
   const Icon = iconMap[variant];
 
+  const animatedStyle = {
+    opacity: animatedValue,
+    transform: [
+      {
+        translateY: animatedValue.interpolate({
+          inputRange: [0, 1],
+          outputRange: [-20, 0],
+        }),
+      },
+    ],
+  };
+
   return (
-    <Animated.View
-      className={containerStyle}
-    >
+    <Animated.View className={containerStyle} style={animatedStyle}>
       <View
         className={merge(toastStyle, className)}
         style={{
-          boxShadow: elevationDown100
+          boxShadow: elevationDown100,
         }}
       >
-        <View className="flex flex-row items-center gap-500">
-          <Icon />
-
-          <View className="flex items-center gap-8">
-            <Typography
-              className={merge("title_small font-bold text-chia-100", descriptionClassName)}
-            >
-              {description}
-            </Typography>
-          </View>
-        </View>
+        <Icon />
+        <Typography
+          className={merge(
+            "title_small font-bold text-chia-100 truncate flex-1",
+            descriptionClassName
+          )}
+        >
+          {description}
+        </Typography>
 
         <Pressable className="cursor-pointer" onPress={handleClose}>
-          <Close color="#FAFCFC" size={30} />
+          <Close className="text-chia-100" size={30} />
         </Pressable>
       </View>
     </Animated.View>
   );
-};
+}