@metamask/design-system-react-native 0.38.1 → 0.39.1

package/CHANGELOG.md

@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.39.1]
+
+### Fixed
+
+- Fixed `Toast` swipe-to-dismiss so a pan that fails after activation (for example when horizontal movement exceeds the fail offset) springs back to its visible position and resumes auto-dismiss instead of staying mid-offset ([#1427](https://github.com/MetaMask/metamask-design-system/pull/1427))
+
+## [0.39.0]
+
+### Added
+
+- Added swipe-to-dismiss gesture support to Toast component with configurable distance and velocity thresholds ([#1415](https://github.com/MetaMask/metamask-design-system/pull/1415))
+
+### Fixed
+
+- Fixed Checkbox selected state to use monochromatic icon colors instead of primary blue ([#1426](https://github.com/MetaMask/metamask-design-system/pull/1426))
+
 ## [0.38.1]
 
 ### Changed
@@ -649,7 +665,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - React Native integration with TWRNC preset support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.38.1...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.39.1...HEAD
+[0.39.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.39.0...@metamask/design-system-react-native@0.39.1
+[0.39.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.38.1...@metamask/design-system-react-native@0.39.0
 [0.38.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.38.0...@metamask/design-system-react-native@0.38.1
 [0.38.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.37.0...@metamask/design-system-react-native@0.38.0
 [0.37.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.36.0...@metamask/design-system-react-native@0.37.0

package/dist/components/Checkbox/Checkbox.cjs

@@ -72,20 +72,20 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = (0, react_1.useCallback)((pressed) => {
-        const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';
+        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';
         let baseBorder = 'border-default';
         if (isSelected) {
-            baseBorder = 'border-primary-default';
+            baseBorder = 'border-icon-default';
         }
         else if (isInvalid) {
             baseBorder = 'border-error-default';
         }
         const pressedBg = isSelected
-            ? 'bg-primary-default-pressed'
+            ? 'bg-icon-default-pressed'
             : 'bg-default-pressed';
         let pressedBorder = 'border-default';
         if (isSelected) {
-            pressedBorder = 'border-primary-default-pressed';
+            pressedBorder = 'border-icon-default-pressed';
         }
         else if (isInvalid) {
             pressedBorder = 'border-error-default';
@@ -108,7 +108,7 @@ exports.Checkbox = (0, react_1.forwardRef)(({ isSelected, isDisabled = false, is
             ]}>
               {/* Always render icon, opacity driven by iconAnim */}
               <react_native_1.Animated.View style={{ opacity: iconAnim }}>
-                <Icon_1.Icon name={Icon_1.IconName.Check} color={Icon_1.IconColor.PrimaryInverse} size={Icon_1.IconSize.Sm} {...checkedIconProps}/>
+                <Icon_1.Icon name={Icon_1.IconName.Check} color={Icon_1.IconColor.IconInverse} size={Icon_1.IconSize.Sm} {...checkedIconProps}/>
               </react_native_1.Animated.View>
             </AnimatedView>
             {label ? (<TextOrChildren_1.TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.PrimaryInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}
+{"version":3,"file":"Checkbox.cjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-icon-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}

package/dist/components/Checkbox/Checkbox.mjs

@@ -53,20 +53,20 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
     const tw = useTailwind();
     const twContainerClassNames = tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName);
     const getCheckboxContainerStyle = useCallback((pressed) => {
-        const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';
+        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';
         let baseBorder = 'border-default';
         if (isSelected) {
-            baseBorder = 'border-primary-default';
+            baseBorder = 'border-icon-default';
         }
         else if (isInvalid) {
             baseBorder = 'border-error-default';
         }
         const pressedBg = isSelected
-            ? 'bg-primary-default-pressed'
+            ? 'bg-icon-default-pressed'
             : 'bg-default-pressed';
         let pressedBorder = 'border-default';
         if (isSelected) {
-            pressedBorder = 'border-primary-default-pressed';
+            pressedBorder = 'border-icon-default-pressed';
         }
         else if (isInvalid) {
             pressedBorder = 'border-error-default';
@@ -89,7 +89,7 @@ export const Checkbox = forwardRef(({ isSelected, isDisabled = false, isInvalid
             ]}>
               {/* Always render icon, opacity driven by iconAnim */}
               <Animated.View style={{ opacity: iconAnim }}>
-                <Icon name={IconName.Check} color={IconColor.PrimaryInverse} size={IconSize.Sm} {...checkedIconProps}/>
+                <Icon name={IconName.Check} color={IconColor.IconInverse} size={IconSize.Sm} {...checkedIconProps}/>
               </Animated.View>
             </AnimatedView>
             {label ? (<TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>

package/dist/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-primary-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-primary-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-primary-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-primary-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.PrimaryInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}
+{"version":3,"file":"Checkbox.mjs","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n} from 'react';\nimport type { PressableStateCallbackType } from 'react-native';\nimport { Pressable, Animated, Easing } from 'react-native';\n\nimport { Icon, IconName, IconColor, IconSize } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst AnimatedView = Animated.View;\n\nexport const Checkbox = forwardRef<{ toggle: () => void }, CheckboxProps>(\n  (\n    {\n      isSelected,\n      isDisabled = false,\n      isInvalid = false,\n      label = '',\n      labelProps,\n      onChange,\n      checkboxContainerProps,\n      checkedIconProps,\n      twClassName,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Animation values\n    const scaleAnim = useRef(new Animated.Value(1)).current;\n    const iconAnim = useRef(new Animated.Value(isSelected ? 1 : 0)).current;\n\n    // Sync icon opacity whenever selection changes\n    useEffect(() => {\n      Animated.timing(iconAnim, {\n        toValue: isSelected ? 1 : 0,\n        duration: 300,\n        easing: Easing.ease,\n        useNativeDriver: true,\n      }).start();\n    }, [isSelected, iconAnim]);\n\n    // Bounce effect when toggling\n    const animateScale = useCallback(() => {\n      Animated.sequence([\n        Animated.timing(scaleAnim, {\n          toValue: 1.15,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n        Animated.timing(scaleAnim, {\n          toValue: 1,\n          duration: 100,\n          easing: Easing.ease,\n          useNativeDriver: true,\n        }),\n      ]).start();\n    }, [scaleAnim]);\n\n    // Press handler: notify parent, then bounce\n    const handlePress = () => {\n      if (isDisabled) {\n        return;\n      }\n      onChange?.(!isSelected);\n      animateScale();\n    };\n\n    useImperativeHandle(ref, () => ({ toggle: handlePress }), [handlePress]);\n\n    const tw = useTailwind();\n    const twContainerClassNames = tw.style(\n      'flex-row items-center',\n      isDisabled ? 'opacity-50' : 'opacity-100',\n      twClassName,\n    );\n\n    const getCheckboxContainerStyle = useCallback(\n      (pressed: boolean): string => {\n        const baseBg = isSelected ? 'bg-icon-default' : 'bg-default';\n        let baseBorder = 'border-default';\n        if (isSelected) {\n          baseBorder = 'border-icon-default';\n        } else if (isInvalid) {\n          baseBorder = 'border-error-default';\n        }\n        const pressedBg = isSelected\n          ? 'bg-icon-default-pressed'\n          : 'bg-default-pressed';\n        let pressedBorder = 'border-default';\n        if (isSelected) {\n          pressedBorder = 'border-icon-default-pressed';\n        } else if (isInvalid) {\n          pressedBorder = 'border-error-default';\n        }\n        return pressed\n          ? `${pressedBg} ${pressedBorder}`\n          : `${baseBg} ${baseBorder}`;\n      },\n      [isSelected, isInvalid],\n    );\n\n    return (\n      <Pressable\n        onPress={handlePress}\n        accessible\n        accessibilityRole=\"checkbox\"\n        accessibilityState={{\n          checked: isSelected,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        disabled={isDisabled}\n        {...props}\n        style={(state: PressableStateCallbackType) => [\n          twContainerClassNames,\n          typeof style === 'function' ? style(state) : style,\n        ]}\n      >\n        {({ pressed }) => (\n          <>\n            <AnimatedView\n              {...checkboxContainerProps}\n              style={[\n                tw`${getCheckboxContainerStyle(pressed)} flex size-[22px] items-center justify-center rounded border-2`,\n                { transform: [{ scale: scaleAnim }] },\n              ]}\n            >\n              {/* Always render icon, opacity driven by iconAnim */}\n              <Animated.View style={{ opacity: iconAnim }}>\n                <Icon\n                  name={IconName.Check}\n                  color={IconColor.IconInverse}\n                  size={IconSize.Sm}\n                  {...checkedIconProps}\n                />\n              </Animated.View>\n            </AnimatedView>\n            {label ? (\n              <TextOrChildren\n                textProps={{ ...labelProps, twClassName: 'ml-3' }}\n              >\n                {label}\n              </TextOrChildren>\n            ) : null}\n          </>\n        )}\n      </Pressable>\n    );\n  },\n);\n"]}

package/dist/components/Toast/Toast.constants.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TOAST_SEVERITY_ICON_MAP = exports.TOAST_SPRING_CONFIG = exports.TOAST_TOP_PADDING = exports.TOAST_VISIBILITY_DURATION = exports.TOAST_ANIMATION_DURATION = void 0;
+exports.TOAST_SEVERITY_ICON_MAP = exports.TOAST_SWIPE_FAIL_OFFSET_X = exports.TOAST_SWIPE_ACTIVE_OFFSET_Y = exports.TOAST_DISMISS_VELOCITY_THRESHOLD = exports.TOAST_DISMISS_MIN_DISTANCE = exports.TOAST_DISMISS_DISTANCE_THRESHOLD = exports.TOAST_SPRING_CONFIG = exports.TOAST_TOP_PADDING = exports.TOAST_VISIBILITY_DURATION = exports.TOAST_ANIMATION_DURATION = void 0;
 // External dependencies.
 const design_system_shared_1 = require("@metamask/design-system-shared");
 const Toast_types_1 = require("./Toast.types.cjs");
@@ -16,6 +16,29 @@ exports.TOAST_SPRING_CONFIG = {
     dampingRatio: 0.85,
     duration: 500,
 };
+/**
+ * Fraction of toast height that must be dragged upward to dismiss.
+ */
+exports.TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;
+/**
+ * Minimum upward drag distance (px) required to dismiss, used as a floor
+ * when the height-based threshold would otherwise be too small.
+ */
+exports.TOAST_DISMISS_MIN_DISTANCE = 24;
+/**
+ * Upward velocity (px/s) required to dismiss via a quick swipe.
+ */
+exports.TOAST_DISMISS_VELOCITY_THRESHOLD = 800;
+/**
+ * Minimum upward translation before the pan gesture activates,
+ * so taps and button presses still work.
+ */
+exports.TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;
+/**
+ * Horizontal movement that fails the pan gesture before it activates,
+ * so horizontal scrolls elsewhere are not captured.
+ */
+exports.TOAST_SWIPE_FAIL_OFFSET_X = 20;
 exports.TOAST_SEVERITY_ICON_MAP = {
     [Toast_types_1.ToastSeverity.Success]: design_system_shared_1.IconAlertSeverity.Success,
     [Toast_types_1.ToastSeverity.Warning]: design_system_shared_1.IconAlertSeverity.Warning,

package/dist/components/Toast/Toast.constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.constants.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAGnE,mDAA8C;AAE9C,uEAGwC;AAFtC,gIAAA,wBAAwB,OAAA;AACxB,iIAAA,yBAAyB,OAAA;AAGd,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;;GAGG;AACU,QAAA,mBAAmB,GAAqB;IACnD,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,GAAG;CACd,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,CAAC,2BAAa,CAAC,OAAO,CAAC,EAAE,wCAAiB,CAAC,OAAO;IAClD,CAAC,2BAAa,CAAC,OAAO,CAAC,EAAE,wCAAiB,CAAC,OAAO;IAClD,CAAC,2BAAa,CAAC,MAAM,CAAC,EAAE,wCAAiB,CAAC,MAAM;CACxC,CAAC","sourcesContent":["// External dependencies.\nimport { IconAlertSeverity } from '@metamask/design-system-shared';\nimport type { WithSpringConfig } from 'react-native-reanimated';\n\nimport { ToastSeverity } from './Toast.types';\n\nexport {\n  TOAST_ANIMATION_DURATION,\n  TOAST_VISIBILITY_DURATION,\n} from '@metamask/design-system-shared';\n\nexport const TOAST_TOP_PADDING = 8;\n\n/**\n * Spring tuned to approximate iOS system banner motion (inspired by UIKit\n * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).\n */\nexport const TOAST_SPRING_CONFIG: WithSpringConfig = {\n  dampingRatio: 0.85,\n  duration: 500,\n};\n\nexport const TOAST_SEVERITY_ICON_MAP = {\n  [ToastSeverity.Success]: IconAlertSeverity.Success,\n  [ToastSeverity.Warning]: IconAlertSeverity.Warning,\n  [ToastSeverity.Danger]: IconAlertSeverity.Danger,\n} as const;\n"]}
+{"version":3,"file":"Toast.constants.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAGnE,mDAA8C;AAE9C,uEAGwC;AAFtC,gIAAA,wBAAwB,OAAA;AACxB,iIAAA,yBAAyB,OAAA;AAGd,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;;GAGG;AACU,QAAA,mBAAmB,GAAqB;IACnD,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACU,QAAA,gCAAgC,GAAG,IAAI,CAAC;AAErD;;;GAGG;AACU,QAAA,0BAA0B,GAAG,EAAE,CAAC;AAE7C;;GAEG;AACU,QAAA,gCAAgC,GAAG,GAAG,CAAC;AAEpD;;;GAGG;AACU,QAAA,2BAA2B,GAAG,CAAC,CAAC,CAAC;AAE9C;;;GAGG;AACU,QAAA,yBAAyB,GAAG,EAAE,CAAC;AAE/B,QAAA,uBAAuB,GAAG;IACrC,CAAC,2BAAa,CAAC,OAAO,CAAC,EAAE,wCAAiB,CAAC,OAAO;IAClD,CAAC,2BAAa,CAAC,OAAO,CAAC,EAAE,wCAAiB,CAAC,OAAO;IAClD,CAAC,2BAAa,CAAC,MAAM,CAAC,EAAE,wCAAiB,CAAC,MAAM;CACxC,CAAC","sourcesContent":["// External dependencies.\nimport { IconAlertSeverity } from '@metamask/design-system-shared';\nimport type { WithSpringConfig } from 'react-native-reanimated';\n\nimport { ToastSeverity } from './Toast.types';\n\nexport {\n  TOAST_ANIMATION_DURATION,\n  TOAST_VISIBILITY_DURATION,\n} from '@metamask/design-system-shared';\n\nexport const TOAST_TOP_PADDING = 8;\n\n/**\n * Spring tuned to approximate iOS system banner motion (inspired by UIKit\n * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).\n */\nexport const TOAST_SPRING_CONFIG: WithSpringConfig = {\n  dampingRatio: 0.85,\n  duration: 500,\n};\n\n/**\n * Fraction of toast height that must be dragged upward to dismiss.\n */\nexport const TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;\n\n/**\n * Minimum upward drag distance (px) required to dismiss, used as a floor\n * when the height-based threshold would otherwise be too small.\n */\nexport const TOAST_DISMISS_MIN_DISTANCE = 24;\n\n/**\n * Upward velocity (px/s) required to dismiss via a quick swipe.\n */\nexport const TOAST_DISMISS_VELOCITY_THRESHOLD = 800;\n\n/**\n * Minimum upward translation before the pan gesture activates,\n * so taps and button presses still work.\n */\nexport const TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;\n\n/**\n * Horizontal movement that fails the pan gesture before it activates,\n * so horizontal scrolls elsewhere are not captured.\n */\nexport const TOAST_SWIPE_FAIL_OFFSET_X = 20;\n\nexport const TOAST_SEVERITY_ICON_MAP = {\n  [ToastSeverity.Success]: IconAlertSeverity.Success,\n  [ToastSeverity.Warning]: IconAlertSeverity.Warning,\n  [ToastSeverity.Danger]: IconAlertSeverity.Danger,\n} as const;\n"]}

package/dist/components/Toast/Toast.constants.d.cts

@@ -6,6 +6,29 @@ export declare const TOAST_TOP_PADDING = 8;
  * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).
  */
 export declare const TOAST_SPRING_CONFIG: WithSpringConfig;
+/**
+ * Fraction of toast height that must be dragged upward to dismiss.
+ */
+export declare const TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;
+/**
+ * Minimum upward drag distance (px) required to dismiss, used as a floor
+ * when the height-based threshold would otherwise be too small.
+ */
+export declare const TOAST_DISMISS_MIN_DISTANCE = 24;
+/**
+ * Upward velocity (px/s) required to dismiss via a quick swipe.
+ */
+export declare const TOAST_DISMISS_VELOCITY_THRESHOLD = 800;
+/**
+ * Minimum upward translation before the pan gesture activates,
+ * so taps and button presses still work.
+ */
+export declare const TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;
+/**
+ * Horizontal movement that fails the pan gesture before it activates,
+ * so horizontal scrolls elsewhere are not captured.
+ */
+export declare const TOAST_SWIPE_FAIL_OFFSET_X = 20;
 export declare const TOAST_SEVERITY_ICON_MAP: {
     readonly success: "success";
     readonly warning: "warning";

package/dist/components/Toast/Toast.constants.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAAgC;AAIhE,OAAO,EACL,wBAAwB,EACxB,yBAAyB,GAC1B,uCAAuC;AAExC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,gBAGjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}
+{"version":3,"file":"Toast.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAAgC;AAIhE,OAAO,EACL,wBAAwB,EACxB,yBAAyB,GAC1B,uCAAuC;AAExC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,gBAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gCAAgC,OAAO,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/components/Toast/Toast.constants.d.mts

@@ -6,6 +6,29 @@ export declare const TOAST_TOP_PADDING = 8;
  * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).
  */
 export declare const TOAST_SPRING_CONFIG: WithSpringConfig;
+/**
+ * Fraction of toast height that must be dragged upward to dismiss.
+ */
+export declare const TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;
+/**
+ * Minimum upward drag distance (px) required to dismiss, used as a floor
+ * when the height-based threshold would otherwise be too small.
+ */
+export declare const TOAST_DISMISS_MIN_DISTANCE = 24;
+/**
+ * Upward velocity (px/s) required to dismiss via a quick swipe.
+ */
+export declare const TOAST_DISMISS_VELOCITY_THRESHOLD = 800;
+/**
+ * Minimum upward translation before the pan gesture activates,
+ * so taps and button presses still work.
+ */
+export declare const TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;
+/**
+ * Horizontal movement that fails the pan gesture before it activates,
+ * so horizontal scrolls elsewhere are not captured.
+ */
+export declare const TOAST_SWIPE_FAIL_OFFSET_X = 20;
 export declare const TOAST_SEVERITY_ICON_MAP: {
     readonly success: "success";
     readonly warning: "warning";

package/dist/components/Toast/Toast.constants.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAAgC;AAIhE,OAAO,EACL,wBAAwB,EACxB,yBAAyB,GAC1B,uCAAuC;AAExC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,gBAGjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}
+{"version":3,"file":"Toast.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAAgC;AAIhE,OAAO,EACL,wBAAwB,EACxB,yBAAyB,GAC1B,uCAAuC;AAExC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,gBAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gCAAgC,OAAO,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/components/Toast/Toast.constants.mjs

@@ -11,6 +11,29 @@ export const TOAST_SPRING_CONFIG = {
     dampingRatio: 0.85,
     duration: 500,
 };
+/**
+ * Fraction of toast height that must be dragged upward to dismiss.
+ */
+export const TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;
+/**
+ * Minimum upward drag distance (px) required to dismiss, used as a floor
+ * when the height-based threshold would otherwise be too small.
+ */
+export const TOAST_DISMISS_MIN_DISTANCE = 24;
+/**
+ * Upward velocity (px/s) required to dismiss via a quick swipe.
+ */
+export const TOAST_DISMISS_VELOCITY_THRESHOLD = 800;
+/**
+ * Minimum upward translation before the pan gesture activates,
+ * so taps and button presses still work.
+ */
+export const TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;
+/**
+ * Horizontal movement that fails the pan gesture before it activates,
+ * so horizontal scrolls elsewhere are not captured.
+ */
+export const TOAST_SWIPE_FAIL_OFFSET_X = 20;
 export const TOAST_SEVERITY_ICON_MAP = {
     [ToastSeverity.Success]: IconAlertSeverity.Success,
     [ToastSeverity.Warning]: IconAlertSeverity.Warning,

package/dist/components/Toast/Toast.constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.constants.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AAGnE,OAAO,EAAE,aAAa,EAAE,0BAAsB;AAE9C,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EAC1B,uCAAuC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAClD,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAClD,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,MAAM;CACxC,CAAC","sourcesContent":["// External dependencies.\nimport { IconAlertSeverity } from '@metamask/design-system-shared';\nimport type { WithSpringConfig } from 'react-native-reanimated';\n\nimport { ToastSeverity } from './Toast.types';\n\nexport {\n  TOAST_ANIMATION_DURATION,\n  TOAST_VISIBILITY_DURATION,\n} from '@metamask/design-system-shared';\n\nexport const TOAST_TOP_PADDING = 8;\n\n/**\n * Spring tuned to approximate iOS system banner motion (inspired by UIKit\n * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).\n */\nexport const TOAST_SPRING_CONFIG: WithSpringConfig = {\n  dampingRatio: 0.85,\n  duration: 500,\n};\n\nexport const TOAST_SEVERITY_ICON_MAP = {\n  [ToastSeverity.Success]: IconAlertSeverity.Success,\n  [ToastSeverity.Warning]: IconAlertSeverity.Warning,\n  [ToastSeverity.Danger]: IconAlertSeverity.Danger,\n} as const;\n"]}
+{"version":3,"file":"Toast.constants.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,uCAAuC;AAGnE,OAAO,EAAE,aAAa,EAAE,0BAAsB;AAE9C,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EAC1B,uCAAuC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,IAAI,CAAC;AAErD;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAE7C;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,CAAC,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAClD,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAClD,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,MAAM;CACxC,CAAC","sourcesContent":["// External dependencies.\nimport { IconAlertSeverity } from '@metamask/design-system-shared';\nimport type { WithSpringConfig } from 'react-native-reanimated';\n\nimport { ToastSeverity } from './Toast.types';\n\nexport {\n  TOAST_ANIMATION_DURATION,\n  TOAST_VISIBILITY_DURATION,\n} from '@metamask/design-system-shared';\n\nexport const TOAST_TOP_PADDING = 8;\n\n/**\n * Spring tuned to approximate iOS system banner motion (inspired by UIKit\n * spring with dampingRatio ~0.7-0.85 / SwiftUI .snappy).\n */\nexport const TOAST_SPRING_CONFIG: WithSpringConfig = {\n  dampingRatio: 0.85,\n  duration: 500,\n};\n\n/**\n * Fraction of toast height that must be dragged upward to dismiss.\n */\nexport const TOAST_DISMISS_DISTANCE_THRESHOLD = 0.35;\n\n/**\n * Minimum upward drag distance (px) required to dismiss, used as a floor\n * when the height-based threshold would otherwise be too small.\n */\nexport const TOAST_DISMISS_MIN_DISTANCE = 24;\n\n/**\n * Upward velocity (px/s) required to dismiss via a quick swipe.\n */\nexport const TOAST_DISMISS_VELOCITY_THRESHOLD = 800;\n\n/**\n * Minimum upward translation before the pan gesture activates,\n * so taps and button presses still work.\n */\nexport const TOAST_SWIPE_ACTIVE_OFFSET_Y = -8;\n\n/**\n * Horizontal movement that fails the pan gesture before it activates,\n * so horizontal scrolls elsewhere are not captured.\n */\nexport const TOAST_SWIPE_FAIL_OFFSET_X = 20;\n\nexport const TOAST_SEVERITY_ICON_MAP = {\n  [ToastSeverity.Success]: IconAlertSeverity.Success,\n  [ToastSeverity.Warning]: IconAlertSeverity.Warning,\n  [ToastSeverity.Danger]: IconAlertSeverity.Danger,\n} as const;\n"]}

package/dist/components/Toast/Toaster.cjs

@@ -28,6 +28,7 @@ exports.toast = exports.Toaster = void 0;
 const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 const react_native_worklets_1 = require("react-native-worklets");
@@ -49,10 +50,26 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const [toastOptions, setToastOptions] = (0, react_1.useState)(undefined);
     const replacementTimerRef = (0, react_1.useRef)(null);
+    const autoDismissTimeoutRef = (0, react_1.useRef)(null);
+    const animationStartedRef = (0, react_1.useRef)(false);
+    const visibleAtRef = (0, react_1.useRef)(null);
+    const hasNoTimeoutRef = (0, react_1.useRef)(false);
+    // Invalidates queued spring-back resumes after replace/dismiss. A completed
+    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.
+    const toastGenerationRef = (0, react_1.useRef)(0);
     const { top: topInset } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
     const toastHeight = (0, react_native_reanimated_1.useSharedValue)(screenHeight);
+    const hiddenTranslateY = (0, react_native_reanimated_1.useSharedValue)(-screenHeight);
+    const visibleTranslateY = (0, react_native_reanimated_1.useSharedValue)(0);
+    const gestureStartY = (0, react_native_reanimated_1.useSharedValue)(0);
     const translateYProgress = (0, react_native_reanimated_1.useSharedValue)(-screenHeight);
+    const isDismissing = (0, react_native_reanimated_1.useSharedValue)(false);
+    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan
+    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.
+    const isSwipeActive = (0, react_native_reanimated_1.useSharedValue)(false);
+    const toastGeneration = (0, react_native_reanimated_1.useSharedValue)(0);
     const topOffset = toastOptions?.topOffset ?? 0;
+    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);
     const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
         transform: [{ translateY: translateYProgress.value + topOffset }],
     }));
@@ -61,16 +78,80 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
         animatedStyle,
     ], [tw, animatedStyle]);
     const innerRef = (0, react_1.useRef)(null);
-    const resetState = () => setToastOptions(undefined);
+    const clearScheduledAutoDismiss = () => {
+        if (autoDismissTimeoutRef.current !== null) {
+            clearTimeout(autoDismissTimeoutRef.current);
+            autoDismissTimeoutRef.current = null;
+        }
+    };
+    const bumpToastGeneration = () => {
+        toastGenerationRef.current += 1;
+        toastGeneration.value = toastGenerationRef.current;
+    };
+    const resetState = () => {
+        animationStartedRef.current = false;
+        visibleAtRef.current = null;
+        isDismissing.value = false;
+        isSwipeActive.value = false;
+        clearScheduledAutoDismiss();
+        setToastOptions(undefined);
+    };
+    const startDismissAnimation = () => {
+        bumpToastGeneration();
+        clearScheduledAutoDismiss();
+        isDismissing.value = true;
+        visibleAtRef.current = null;
+        translateYProgress.value = (0, react_native_reanimated_1.withSpring)(hiddenTranslateY.value, Toast_constants_1.TOAST_SPRING_CONFIG, (finished) => {
+            if (finished) {
+                (0, react_native_worklets_1.scheduleOnRN)(resetState);
+            }
+        });
+    };
+    const scheduleAutoDismiss = (delayMs) => {
+        clearScheduledAutoDismiss();
+        autoDismissTimeoutRef.current = setTimeout(() => {
+            autoDismissTimeoutRef.current = null;
+            startDismissAnimation();
+        }, delayMs);
+    };
+    const beginAutoDismiss = () => {
+        visibleAtRef.current = Date.now();
+        scheduleAutoDismiss(Toast_constants_1.TOAST_VISIBILITY_DURATION);
+    };
+    const resumeAutoDismissAfterSwipe = () => {
+        if (hasNoTimeoutRef.current || isDismissing.value) {
+            return;
+        }
+        // Entrance was interrupted before auto-dismiss started — start a full timer.
+        if (visibleAtRef.current === null) {
+            beginAutoDismiss();
+            return;
+        }
+        const elapsed = Date.now() - visibleAtRef.current;
+        if (elapsed >= Toast_constants_1.TOAST_VISIBILITY_DURATION) {
+            startDismissAnimation();
+            return;
+        }
+        scheduleAutoDismiss(Toast_constants_1.TOAST_VISIBILITY_DURATION - elapsed);
+    };
     const showToast = (options) => {
+        bumpToastGeneration();
         let timeoutDuration = 0;
         const normalizedOptions = {
             hasNoTimeout: false,
             ...options,
         };
         if (toastOptions) {
+            // Always clear any pending auto-dismiss from the previous toast, including
+            // when the replacement is persistent (hasNoTimeout). Otherwise the old
+            // timer can fire and dismiss the new toast.
+            clearScheduledAutoDismiss();
             (0, react_native_reanimated_1.cancelAnimation)(translateYProgress);
             timeoutDuration = 100;
+            animationStartedRef.current = false;
+            visibleAtRef.current = null;
+            isDismissing.value = false;
+            isSwipeActive.value = false;
             setToastOptions(undefined);
         }
         if (replacementTimerRef.current !== null) {
@@ -86,10 +167,109 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
             clearTimeout(replacementTimerRef.current);
             replacementTimerRef.current = null;
         }
-        translateYProgress.value = (0, react_native_reanimated_1.withSpring)(getHiddenTranslateY(toastHeight.value, topOffset), Toast_constants_1.TOAST_SPRING_CONFIG, () => {
-            (0, react_native_worklets_1.scheduleOnRN)(resetState);
-        });
+        startDismissAnimation();
     };
+    const closeToastRef = (0, react_1.useRef)(closeToast);
+    const resumeAutoDismissAfterSwipeRef = (0, react_1.useRef)(resumeAutoDismissAfterSwipe);
+    const clearScheduledAutoDismissRef = (0, react_1.useRef)(clearScheduledAutoDismiss);
+    closeToastRef.current = closeToast;
+    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;
+    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;
+    const dismissToastFromSwipe = () => {
+        closeToastRef.current();
+    };
+    const resumeAutoDismissFromSwipe = (generation) => {
+        // Ignore resumes from a toast that was replaced or dismissed after the
+        // spring-back started (completed springs cannot be cancelled).
+        if (generation !== toastGenerationRef.current) {
+            return;
+        }
+        resumeAutoDismissAfterSwipeRef.current();
+    };
+    const clearScheduledAutoDismissFromSwipe = () => {
+        clearScheduledAutoDismissRef.current();
+    };
+    const swipeGesture = (0, react_1.useMemo)(() => {
+        // These gesture callbacks need explicit 'worklet' directives because this
+        // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the
+        // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).
+        // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its
+        // gesture auto-detection doesn't recognize that compiled namespaced form.
+        const springBackAfterSwipe = () => {
+            'worklet';
+            const generationAtSpringStart = toastGeneration.value;
+            translateYProgress.value = (0, react_native_reanimated_1.withSpring)(visibleTranslateY.value, Toast_constants_1.TOAST_SPRING_CONFIG, (finished) => {
+                // A new pan cancels this spring via cancelAnimation; only resume
+                // auto-dismiss when the spring-back completed naturally.
+                if (finished) {
+                    (0, react_native_worklets_1.scheduleOnRN)(resumeAutoDismissFromSwipe, generationAtSpringStart);
+                }
+            });
+        };
+        return react_native_gesture_handler_1.Gesture.Pan()
+            .activeOffsetY(Toast_constants_1.TOAST_SWIPE_ACTIVE_OFFSET_Y)
+            .failOffsetX([-Toast_constants_1.TOAST_SWIPE_FAIL_OFFSET_X, Toast_constants_1.TOAST_SWIPE_FAIL_OFFSET_X])
+            .onStart(() => {
+            'worklet';
+            // Don't interrupt an in-progress dismiss animation.
+            if (isDismissing.value) {
+                return;
+            }
+            isSwipeActive.value = true;
+            (0, react_native_worklets_1.scheduleOnRN)(clearScheduledAutoDismissFromSwipe);
+            (0, react_native_reanimated_1.cancelAnimation)(translateYProgress);
+            gestureStartY.value = translateYProgress.value;
+        })
+            .onUpdate((event) => {
+            'worklet';
+            if (isDismissing.value || !isSwipeActive.value) {
+                return;
+            }
+            const nextTranslateY = gestureStartY.value + event.translationY;
+            // Toast sits at the top; only allow dragging upward (more negative).
+            translateYProgress.value = Math.min(nextTranslateY, visibleTranslateY.value);
+        })
+            .onEnd((event) => {
+            'worklet';
+            if (!isSwipeActive.value) {
+                return;
+            }
+            isSwipeActive.value = false;
+            if (isDismissing.value) {
+                return;
+            }
+            const { translationY, velocityY } = event;
+            const dismissDistance = Math.max(toastHeight.value * Toast_constants_1.TOAST_DISMISS_DISTANCE_THRESHOLD, Toast_constants_1.TOAST_DISMISS_MIN_DISTANCE);
+            const hasReachedDismissOffset = translationY <= -dismissDistance;
+            const hasReachedSwipeThreshold = Math.abs(velocityY) > Toast_constants_1.TOAST_DISMISS_VELOCITY_THRESHOLD;
+            const isQuickDismissing = velocityY < 0;
+            const shouldDismiss = hasReachedDismissOffset ||
+                (hasReachedSwipeThreshold && isQuickDismissing);
+            if (shouldDismiss) {
+                (0, react_native_worklets_1.scheduleOnRN)(dismissToastFromSwipe);
+                return;
+            }
+            springBackAfterSwipe();
+        })
+            .onFinalize(() => {
+            'worklet';
+            // onEnd is skipped when the pan fails/cancels after activation
+            // (e.g. horizontal travel past failOffsetX). Recover position and
+            // auto-dismiss so the toast is not left stuck mid-offset.
+            if (!isSwipeActive.value) {
+                return;
+            }
+            // Clear before the dismiss check — same order as onEnd — so a pan
+            // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a
+            // later toast (resetState alone is not enough if finalize races it).
+            isSwipeActive.value = false;
+            if (isDismissing.value) {
+                return;
+            }
+            springBackAfterSwipe();
+        });
+        // Shared values and swipe JS wrappers are stable for the component lifetime.
+    }, []);
     innerRef.current = {
         closeToast,
         showToast,
@@ -114,30 +294,38 @@ const ToasterComponent = (0, react_1.forwardRef)(({ twClassName, ...props }, ref
         .join(' ');
     const onAnimatedViewLayout = (e) => {
         const { height } = e.nativeEvent.layout;
-        const hiddenTranslateY = getHiddenTranslateY(height, topOffset);
-        const visibleTranslateY = topInset + Toast_constants_1.TOAST_TOP_PADDING;
+        const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);
+        const nextVisibleTranslateY = topInset + Toast_constants_1.TOAST_TOP_PADDING;
+        hiddenTranslateY.value = nextHiddenTranslateY;
+        visibleTranslateY.value = nextVisibleTranslateY;
         toastHeight.value = height;
-        translateYProgress.value = hiddenTranslateY;
+        if (animationStartedRef.current) {
+            return;
+        }
+        animationStartedRef.current = true;
+        translateYProgress.value = nextHiddenTranslateY;
         if (toastOptions.hasNoTimeout) {
-            translateYProgress.value = (0, react_native_reanimated_1.withSpring)(visibleTranslateY, Toast_constants_1.TOAST_SPRING_CONFIG);
+            translateYProgress.value = (0, react_native_reanimated_1.withSpring)(nextVisibleTranslateY, Toast_constants_1.TOAST_SPRING_CONFIG);
         }
         else {
-            translateYProgress.value = (0, react_native_reanimated_1.withSpring)(visibleTranslateY, Toast_constants_1.TOAST_SPRING_CONFIG, () => {
-                translateYProgress.value = (0, react_native_reanimated_1.withDelay)(Toast_constants_1.TOAST_VISIBILITY_DURATION, (0, react_native_reanimated_1.withSpring)(hiddenTranslateY, Toast_constants_1.TOAST_SPRING_CONFIG, () => {
-                    (0, react_native_worklets_1.scheduleOnRN)(resetState);
-                }));
+            translateYProgress.value = (0, react_native_reanimated_1.withSpring)(nextVisibleTranslateY, Toast_constants_1.TOAST_SPRING_CONFIG, (finished) => {
+                if (finished) {
+                    (0, react_native_worklets_1.scheduleOnRN)(beginAutoDismiss);
+                }
             });
         }
     };
-    return (<react_native_reanimated_1.default.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
-        {actionButtonLabel && actionButtonOnPress ? (<Toast_1.Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
+    return (<react_native_gesture_handler_1.GestureDetector gesture={swipeGesture}>
+        <react_native_reanimated_1.default.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
+          {actionButtonLabel && actionButtonOnPress ? (<Toast_1.Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
                 closeToast();
                 toastOnClose?.();
             }} twClassName={toastTwClassNames}/>) : (<Toast_1.Toast {...restToastProps} onClose={() => {
                 closeToast();
                 toastOnClose?.();
             }} twClassName={toastTwClassNames}/>)}
-      </react_native_reanimated_1.default.View>);
+        </react_native_reanimated_1.default.View>
+      </react_native_gesture_handler_1.GestureDetector>);
 });
 ToasterComponent.displayName = 'Toaster';
 exports.Toaster = ToasterComponent;

package/dist/components/Toast/Toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_SPRING_CONFIG,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const resetState = () => setToastOptions(undefined);\n\n    const showToast = (options: ToastOptions) => {\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      translateYProgress.value = withSpring(\n        getHiddenTranslateY(toastHeight.value, topOffset),\n        TOAST_SPRING_CONFIG,\n        () => {\n          scheduleOnRN(resetState);\n        },\n      );\n    };\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const hiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const visibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      toastHeight.value = height;\n      translateYProgress.value = hiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          visibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          visibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          () => {\n            translateYProgress.value = withDelay(\n              TOAST_VISIBILITY_DURATION,\n              withSpring(hiddenTranslateY, TOAST_SPRING_CONFIG, () => {\n                scheduleOnRN(resetState);\n              }),\n            );\n          },\n        );\n      }\n    };\n\n    return (\n      <Animated.View\n        onLayout={onAnimatedViewLayout}\n        style={baseStyle}\n        {...props}\n      >\n        {actionButtonLabel && actionButtonOnPress ? (\n          <Toast\n            {...toastProps}\n            actionButtonLabel={actionButtonLabel}\n            actionButtonOnPress={actionButtonOnPress}\n            onClose={() => {\n              closeToast();\n              toastOnClose?.();\n            }}\n            twClassName={toastTwClassNames}\n          />\n        ) : (\n          <Toast\n            {...restToastProps}\n            onClose={() => {\n              closeToast();\n              toastOnClose?.();\n            }}\n            twClassName={toastTwClassNames}\n          />\n        )}\n      </Animated.View>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}
+{"version":3,"file":"Toaster.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}

package/dist/components/Toast/Toaster.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AAqBf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAqLvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}
+{"version":3,"file":"Toaster.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAsZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}

package/dist/components/Toast/Toaster.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AAqBf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAqLvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}
+{"version":3,"file":"Toaster.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,cAAc;AA0Bf,OAAO,KAAK,EACV,YAAY,EAGZ,UAAU,EACX,0BAAsB;AAsZvB,KAAK,aAAa,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO;;sFAAmB,CAAC;AAExC,eAAO,MAAM,KAAK,eAEC,CAAC"}

package/dist/components/Toast/Toaster.mjs

@@ -9,12 +9,13 @@ import { useTailwind } from "@metamask/design-system-twrnc-preset";
 import $React, { forwardRef, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 const React = $importDefault($React);
 import { Dimensions } from "react-native";
-import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withDelay, withSpring } from "react-native-reanimated";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { scheduleOnRN } from "react-native-worklets";
 // Internal dependencies.
 import { Toast } from "./Toast.mjs";
-import { TOAST_SPRING_CONFIG, TOAST_TOP_PADDING, TOAST_VISIBILITY_DURATION } from "./Toast.constants.mjs";
+import { TOAST_DISMISS_DISTANCE_THRESHOLD, TOAST_DISMISS_MIN_DISTANCE, TOAST_DISMISS_VELOCITY_THRESHOLD, TOAST_SPRING_CONFIG, TOAST_SWIPE_ACTIVE_OFFSET_Y, TOAST_SWIPE_FAIL_OFFSET_X, TOAST_TOP_PADDING, TOAST_VISIBILITY_DURATION } from "./Toast.constants.mjs";
 const screenHeight = Dimensions.get('window').height;
 let registeredRef = null;
 const assertRegisteredRef = (method) => {
@@ -30,10 +31,26 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
     const tw = useTailwind();
     const [toastOptions, setToastOptions] = useState(undefined);
     const replacementTimerRef = useRef(null);
+    const autoDismissTimeoutRef = useRef(null);
+    const animationStartedRef = useRef(false);
+    const visibleAtRef = useRef(null);
+    const hasNoTimeoutRef = useRef(false);
+    // Invalidates queued spring-back resumes after replace/dismiss. A completed
+    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.
+    const toastGenerationRef = useRef(0);
     const { top: topInset } = useSafeAreaInsets();
     const toastHeight = useSharedValue(screenHeight);
+    const hiddenTranslateY = useSharedValue(-screenHeight);
+    const visibleTranslateY = useSharedValue(0);
+    const gestureStartY = useSharedValue(0);
     const translateYProgress = useSharedValue(-screenHeight);
+    const isDismissing = useSharedValue(false);
+    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan
+    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.
+    const isSwipeActive = useSharedValue(false);
+    const toastGeneration = useSharedValue(0);
     const topOffset = toastOptions?.topOffset ?? 0;
+    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);
     const animatedStyle = useAnimatedStyle(() => ({
         transform: [{ translateY: translateYProgress.value + topOffset }],
     }));
@@ -42,16 +59,80 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
         animatedStyle,
     ], [tw, animatedStyle]);
     const innerRef = useRef(null);
-    const resetState = () => setToastOptions(undefined);
+    const clearScheduledAutoDismiss = () => {
+        if (autoDismissTimeoutRef.current !== null) {
+            clearTimeout(autoDismissTimeoutRef.current);
+            autoDismissTimeoutRef.current = null;
+        }
+    };
+    const bumpToastGeneration = () => {
+        toastGenerationRef.current += 1;
+        toastGeneration.value = toastGenerationRef.current;
+    };
+    const resetState = () => {
+        animationStartedRef.current = false;
+        visibleAtRef.current = null;
+        isDismissing.value = false;
+        isSwipeActive.value = false;
+        clearScheduledAutoDismiss();
+        setToastOptions(undefined);
+    };
+    const startDismissAnimation = () => {
+        bumpToastGeneration();
+        clearScheduledAutoDismiss();
+        isDismissing.value = true;
+        visibleAtRef.current = null;
+        translateYProgress.value = withSpring(hiddenTranslateY.value, TOAST_SPRING_CONFIG, (finished) => {
+            if (finished) {
+                scheduleOnRN(resetState);
+            }
+        });
+    };
+    const scheduleAutoDismiss = (delayMs) => {
+        clearScheduledAutoDismiss();
+        autoDismissTimeoutRef.current = setTimeout(() => {
+            autoDismissTimeoutRef.current = null;
+            startDismissAnimation();
+        }, delayMs);
+    };
+    const beginAutoDismiss = () => {
+        visibleAtRef.current = Date.now();
+        scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);
+    };
+    const resumeAutoDismissAfterSwipe = () => {
+        if (hasNoTimeoutRef.current || isDismissing.value) {
+            return;
+        }
+        // Entrance was interrupted before auto-dismiss started — start a full timer.
+        if (visibleAtRef.current === null) {
+            beginAutoDismiss();
+            return;
+        }
+        const elapsed = Date.now() - visibleAtRef.current;
+        if (elapsed >= TOAST_VISIBILITY_DURATION) {
+            startDismissAnimation();
+            return;
+        }
+        scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);
+    };
     const showToast = (options) => {
+        bumpToastGeneration();
         let timeoutDuration = 0;
         const normalizedOptions = {
             hasNoTimeout: false,
             ...options,
         };
         if (toastOptions) {
+            // Always clear any pending auto-dismiss from the previous toast, including
+            // when the replacement is persistent (hasNoTimeout). Otherwise the old
+            // timer can fire and dismiss the new toast.
+            clearScheduledAutoDismiss();
             cancelAnimation(translateYProgress);
             timeoutDuration = 100;
+            animationStartedRef.current = false;
+            visibleAtRef.current = null;
+            isDismissing.value = false;
+            isSwipeActive.value = false;
             setToastOptions(undefined);
         }
         if (replacementTimerRef.current !== null) {
@@ -67,10 +148,109 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
             clearTimeout(replacementTimerRef.current);
             replacementTimerRef.current = null;
         }
-        translateYProgress.value = withSpring(getHiddenTranslateY(toastHeight.value, topOffset), TOAST_SPRING_CONFIG, () => {
-            scheduleOnRN(resetState);
-        });
+        startDismissAnimation();
     };
+    const closeToastRef = useRef(closeToast);
+    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);
+    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);
+    closeToastRef.current = closeToast;
+    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;
+    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;
+    const dismissToastFromSwipe = () => {
+        closeToastRef.current();
+    };
+    const resumeAutoDismissFromSwipe = (generation) => {
+        // Ignore resumes from a toast that was replaced or dismissed after the
+        // spring-back started (completed springs cannot be cancelled).
+        if (generation !== toastGenerationRef.current) {
+            return;
+        }
+        resumeAutoDismissAfterSwipeRef.current();
+    };
+    const clearScheduledAutoDismissFromSwipe = () => {
+        clearScheduledAutoDismissRef.current();
+    };
+    const swipeGesture = useMemo(() => {
+        // These gesture callbacks need explicit 'worklet' directives because this
+        // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the
+        // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).
+        // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its
+        // gesture auto-detection doesn't recognize that compiled namespaced form.
+        const springBackAfterSwipe = () => {
+            'worklet';
+            const generationAtSpringStart = toastGeneration.value;
+            translateYProgress.value = withSpring(visibleTranslateY.value, TOAST_SPRING_CONFIG, (finished) => {
+                // A new pan cancels this spring via cancelAnimation; only resume
+                // auto-dismiss when the spring-back completed naturally.
+                if (finished) {
+                    scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);
+                }
+            });
+        };
+        return Gesture.Pan()
+            .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)
+            .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])
+            .onStart(() => {
+            'worklet';
+            // Don't interrupt an in-progress dismiss animation.
+            if (isDismissing.value) {
+                return;
+            }
+            isSwipeActive.value = true;
+            scheduleOnRN(clearScheduledAutoDismissFromSwipe);
+            cancelAnimation(translateYProgress);
+            gestureStartY.value = translateYProgress.value;
+        })
+            .onUpdate((event) => {
+            'worklet';
+            if (isDismissing.value || !isSwipeActive.value) {
+                return;
+            }
+            const nextTranslateY = gestureStartY.value + event.translationY;
+            // Toast sits at the top; only allow dragging upward (more negative).
+            translateYProgress.value = Math.min(nextTranslateY, visibleTranslateY.value);
+        })
+            .onEnd((event) => {
+            'worklet';
+            if (!isSwipeActive.value) {
+                return;
+            }
+            isSwipeActive.value = false;
+            if (isDismissing.value) {
+                return;
+            }
+            const { translationY, velocityY } = event;
+            const dismissDistance = Math.max(toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD, TOAST_DISMISS_MIN_DISTANCE);
+            const hasReachedDismissOffset = translationY <= -dismissDistance;
+            const hasReachedSwipeThreshold = Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;
+            const isQuickDismissing = velocityY < 0;
+            const shouldDismiss = hasReachedDismissOffset ||
+                (hasReachedSwipeThreshold && isQuickDismissing);
+            if (shouldDismiss) {
+                scheduleOnRN(dismissToastFromSwipe);
+                return;
+            }
+            springBackAfterSwipe();
+        })
+            .onFinalize(() => {
+            'worklet';
+            // onEnd is skipped when the pan fails/cancels after activation
+            // (e.g. horizontal travel past failOffsetX). Recover position and
+            // auto-dismiss so the toast is not left stuck mid-offset.
+            if (!isSwipeActive.value) {
+                return;
+            }
+            // Clear before the dismiss check — same order as onEnd — so a pan
+            // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a
+            // later toast (resetState alone is not enough if finalize races it).
+            isSwipeActive.value = false;
+            if (isDismissing.value) {
+                return;
+            }
+            springBackAfterSwipe();
+        });
+        // Shared values and swipe JS wrappers are stable for the component lifetime.
+    }, []);
     innerRef.current = {
         closeToast,
         showToast,
@@ -95,30 +275,38 @@ const ToasterComponent = forwardRef(({ twClassName, ...props }, ref) => {
         .join(' ');
     const onAnimatedViewLayout = (e) => {
         const { height } = e.nativeEvent.layout;
-        const hiddenTranslateY = getHiddenTranslateY(height, topOffset);
-        const visibleTranslateY = topInset + TOAST_TOP_PADDING;
+        const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);
+        const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;
+        hiddenTranslateY.value = nextHiddenTranslateY;
+        visibleTranslateY.value = nextVisibleTranslateY;
         toastHeight.value = height;
-        translateYProgress.value = hiddenTranslateY;
+        if (animationStartedRef.current) {
+            return;
+        }
+        animationStartedRef.current = true;
+        translateYProgress.value = nextHiddenTranslateY;
         if (toastOptions.hasNoTimeout) {
-            translateYProgress.value = withSpring(visibleTranslateY, TOAST_SPRING_CONFIG);
+            translateYProgress.value = withSpring(nextVisibleTranslateY, TOAST_SPRING_CONFIG);
         }
         else {
-            translateYProgress.value = withSpring(visibleTranslateY, TOAST_SPRING_CONFIG, () => {
-                translateYProgress.value = withDelay(TOAST_VISIBILITY_DURATION, withSpring(hiddenTranslateY, TOAST_SPRING_CONFIG, () => {
-                    scheduleOnRN(resetState);
-                }));
+            translateYProgress.value = withSpring(nextVisibleTranslateY, TOAST_SPRING_CONFIG, (finished) => {
+                if (finished) {
+                    scheduleOnRN(beginAutoDismiss);
+                }
             });
         }
     };
-    return (<Animated.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
-        {actionButtonLabel && actionButtonOnPress ? (<Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
+    return (<GestureDetector gesture={swipeGesture}>
+        <Animated.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
+          {actionButtonLabel && actionButtonOnPress ? (<Toast {...toastProps} actionButtonLabel={actionButtonLabel} actionButtonOnPress={actionButtonOnPress} onClose={() => {
                 closeToast();
                 toastOnClose?.();
             }} twClassName={toastTwClassNames}/>) : (<Toast {...restToastProps} onClose={() => {
                 closeToast();
                 toastOnClose?.();
             }} twClassName={toastTwClassNames}/>)}
-      </Animated.View>);
+        </Animated.View>
+      </GestureDetector>);
 });
 ToasterComponent.displayName = 'Toaster';
 export const Toaster = ToasterComponent;

package/dist/components/Toast/Toaster.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_SPRING_CONFIG,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const resetState = () => setToastOptions(undefined);\n\n    const showToast = (options: ToastOptions) => {\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      translateYProgress.value = withSpring(\n        getHiddenTranslateY(toastHeight.value, topOffset),\n        TOAST_SPRING_CONFIG,\n        () => {\n          scheduleOnRN(resetState);\n        },\n      );\n    };\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const hiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const visibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      toastHeight.value = height;\n      translateYProgress.value = hiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          visibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          visibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          () => {\n            translateYProgress.value = withDelay(\n              TOAST_VISIBILITY_DURATION,\n              withSpring(hiddenTranslateY, TOAST_SPRING_CONFIG, () => {\n                scheduleOnRN(resetState);\n              }),\n            );\n          },\n        );\n      }\n    };\n\n    return (\n      <Animated.View\n        onLayout={onAnimatedViewLayout}\n        style={baseStyle}\n        {...props}\n      >\n        {actionButtonLabel && actionButtonOnPress ? (\n          <Toast\n            {...toastProps}\n            actionButtonLabel={actionButtonLabel}\n            actionButtonOnPress={actionButtonOnPress}\n            onClose={() => {\n              closeToast();\n              toastOnClose?.();\n            }}\n            twClassName={toastTwClassNames}\n          />\n        ) : (\n          <Toast\n            {...restToastProps}\n            onClose={() => {\n              closeToast();\n              toastOnClose?.();\n            }}\n            twClassName={toastTwClassNames}\n          />\n        )}\n      </Animated.View>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}
+{"version":3,"file":"Toaster.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { RefObject } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector } from 'react-native-gesture-handler';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { scheduleOnRN } from 'react-native-worklets';\n\n// Internal dependencies.\nimport { Toast } from './Toast';\nimport {\n  TOAST_DISMISS_DISTANCE_THRESHOLD,\n  TOAST_DISMISS_MIN_DISTANCE,\n  TOAST_DISMISS_VELOCITY_THRESHOLD,\n  TOAST_SPRING_CONFIG,\n  TOAST_SWIPE_ACTIVE_OFFSET_Y,\n  TOAST_SWIPE_FAIL_OFFSET_X,\n  TOAST_TOP_PADDING,\n  TOAST_VISIBILITY_DURATION,\n} from './Toast.constants';\nimport type {\n  ToastOptions,\n  ToastProps,\n  ToasterProps,\n  ToasterRef,\n} from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nlet registeredRef: RefObject<ToasterRef | null> | null = null;\n\nconst assertRegisteredRef = (method: 'dismiss' | 'toast'): ToasterRef => {\n  if (!registeredRef?.current) {\n    const invocation = method === 'toast' ? 'toast()' : `toast.${method}()`;\n    throw new Error(\n      `${invocation} called before <Toaster /> mounted. Render <Toaster /> once at the root of your app.`,\n    );\n  }\n  return registeredRef.current;\n};\n\nconst getToastProps = ({\n  hasNoTimeout: _hasNoTimeout,\n  onClose: _onClose,\n  topOffset: _topOffset,\n  twClassName: _twClassName,\n  ...toastProps\n}: ToastOptions): Omit<ToastProps, 'twClassName'> => toastProps;\n\nconst getHiddenTranslateY = (height: number, offset: number) =>\n  -(height + offset);\n\nconst ToasterComponent = forwardRef<ToasterRef, ToasterProps>(\n  ({ twClassName, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const autoDismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const animationStartedRef = useRef(false);\n    const visibleAtRef = useRef<number | null>(null);\n    const hasNoTimeoutRef = useRef(false);\n    // Invalidates queued spring-back resumes after replace/dismiss. A completed\n    // spring cannot be cancelled, so scheduleOnRN(resume) can still run later.\n    const toastGenerationRef = useRef(0);\n    const { top: topInset } = useSafeAreaInsets();\n    const toastHeight = useSharedValue(screenHeight);\n    const hiddenTranslateY = useSharedValue(-screenHeight);\n    const visibleTranslateY = useSharedValue(0);\n    const gestureStartY = useSharedValue(0);\n    const translateYProgress = useSharedValue(-screenHeight);\n    const isDismissing = useSharedValue(false);\n    // True after onStart until onEnd/onFinalize recovers. Used so a failed pan\n    // (e.g. failOffsetX after activation) still springs back and resumes dismiss.\n    const isSwipeActive = useSharedValue(false);\n    const toastGeneration = useSharedValue(0);\n    const topOffset = toastOptions?.topOffset ?? 0;\n    hasNoTimeoutRef.current = Boolean(toastOptions?.hasNoTimeout);\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value + topOffset }],\n    }));\n    const baseStyle = useMemo(\n      () =>\n        [\n          tw.style('absolute left-4 right-4 top-0'),\n          animatedStyle,\n        ] as StyleProp<ViewStyle>,\n      [tw, animatedStyle],\n    );\n    const innerRef = useRef<ToasterRef | null>(null);\n\n    const clearScheduledAutoDismiss = () => {\n      if (autoDismissTimeoutRef.current !== null) {\n        clearTimeout(autoDismissTimeoutRef.current);\n        autoDismissTimeoutRef.current = null;\n      }\n    };\n\n    const bumpToastGeneration = () => {\n      toastGenerationRef.current += 1;\n      toastGeneration.value = toastGenerationRef.current;\n    };\n\n    const resetState = () => {\n      animationStartedRef.current = false;\n      visibleAtRef.current = null;\n      isDismissing.value = false;\n      isSwipeActive.value = false;\n      clearScheduledAutoDismiss();\n      setToastOptions(undefined);\n    };\n\n    const startDismissAnimation = () => {\n      bumpToastGeneration();\n      clearScheduledAutoDismiss();\n      isDismissing.value = true;\n      visibleAtRef.current = null;\n      translateYProgress.value = withSpring(\n        hiddenTranslateY.value,\n        TOAST_SPRING_CONFIG,\n        (finished) => {\n          if (finished) {\n            scheduleOnRN(resetState);\n          }\n        },\n      );\n    };\n\n    const scheduleAutoDismiss = (delayMs: number) => {\n      clearScheduledAutoDismiss();\n      autoDismissTimeoutRef.current = setTimeout(() => {\n        autoDismissTimeoutRef.current = null;\n        startDismissAnimation();\n      }, delayMs);\n    };\n\n    const beginAutoDismiss = () => {\n      visibleAtRef.current = Date.now();\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION);\n    };\n\n    const resumeAutoDismissAfterSwipe = () => {\n      if (hasNoTimeoutRef.current || isDismissing.value) {\n        return;\n      }\n\n      // Entrance was interrupted before auto-dismiss started — start a full timer.\n      if (visibleAtRef.current === null) {\n        beginAutoDismiss();\n        return;\n      }\n\n      const elapsed = Date.now() - visibleAtRef.current;\n      if (elapsed >= TOAST_VISIBILITY_DURATION) {\n        startDismissAnimation();\n        return;\n      }\n\n      scheduleAutoDismiss(TOAST_VISIBILITY_DURATION - elapsed);\n    };\n\n    const showToast = (options: ToastOptions) => {\n      bumpToastGeneration();\n      let timeoutDuration = 0;\n      const normalizedOptions = {\n        hasNoTimeout: false,\n        ...options,\n      };\n      if (toastOptions) {\n        // Always clear any pending auto-dismiss from the previous toast, including\n        // when the replacement is persistent (hasNoTimeout). Otherwise the old\n        // timer can fire and dismiss the new toast.\n        clearScheduledAutoDismiss();\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        animationStartedRef.current = false;\n        visibleAtRef.current = null;\n        isDismissing.value = false;\n        isSwipeActive.value = false;\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(normalizedOptions);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      startDismissAnimation();\n    };\n\n    const closeToastRef = useRef(closeToast);\n    const resumeAutoDismissAfterSwipeRef = useRef(resumeAutoDismissAfterSwipe);\n    const clearScheduledAutoDismissRef = useRef(clearScheduledAutoDismiss);\n    closeToastRef.current = closeToast;\n    resumeAutoDismissAfterSwipeRef.current = resumeAutoDismissAfterSwipe;\n    clearScheduledAutoDismissRef.current = clearScheduledAutoDismiss;\n\n    const dismissToastFromSwipe = () => {\n      closeToastRef.current();\n    };\n\n    const resumeAutoDismissFromSwipe = (generation: number) => {\n      // Ignore resumes from a toast that was replaced or dismissed after the\n      // spring-back started (completed springs cannot be cancelled).\n      if (generation !== toastGenerationRef.current) {\n        return;\n      }\n      resumeAutoDismissAfterSwipeRef.current();\n    };\n\n    const clearScheduledAutoDismissFromSwipe = () => {\n      clearScheduledAutoDismissRef.current();\n    };\n\n    const swipeGesture = useMemo(() => {\n      // These gesture callbacks need explicit 'worklet' directives because this\n      // package ships a pre-built dist compiled by ts-bridge (tsc), which emits the\n      // gesture chain as a namespaced call (react_native_gesture_handler_1.Gesture).\n      // The consumer's Reanimated/Worklets Babel plugin does run over dist, but its\n      // gesture auto-detection doesn't recognize that compiled namespaced form.\n      const springBackAfterSwipe = () => {\n        'worklet';\n\n        const generationAtSpringStart = toastGeneration.value;\n        translateYProgress.value = withSpring(\n          visibleTranslateY.value,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            // A new pan cancels this spring via cancelAnimation; only resume\n            // auto-dismiss when the spring-back completed naturally.\n            if (finished) {\n              scheduleOnRN(resumeAutoDismissFromSwipe, generationAtSpringStart);\n            }\n          },\n        );\n      };\n\n      return Gesture.Pan()\n        .activeOffsetY(TOAST_SWIPE_ACTIVE_OFFSET_Y)\n        .failOffsetX([-TOAST_SWIPE_FAIL_OFFSET_X, TOAST_SWIPE_FAIL_OFFSET_X])\n        .onStart(() => {\n          'worklet';\n\n          // Don't interrupt an in-progress dismiss animation.\n          if (isDismissing.value) {\n            return;\n          }\n          isSwipeActive.value = true;\n          scheduleOnRN(clearScheduledAutoDismissFromSwipe);\n          cancelAnimation(translateYProgress);\n          gestureStartY.value = translateYProgress.value;\n        })\n        .onUpdate((event) => {\n          'worklet';\n\n          if (isDismissing.value || !isSwipeActive.value) {\n            return;\n          }\n          const nextTranslateY = gestureStartY.value + event.translationY;\n          // Toast sits at the top; only allow dragging upward (more negative).\n          translateYProgress.value = Math.min(\n            nextTranslateY,\n            visibleTranslateY.value,\n          );\n        })\n        .onEnd((event) => {\n          'worklet';\n\n          if (!isSwipeActive.value) {\n            return;\n          }\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          const { translationY, velocityY } = event;\n          const dismissDistance = Math.max(\n            toastHeight.value * TOAST_DISMISS_DISTANCE_THRESHOLD,\n            TOAST_DISMISS_MIN_DISTANCE,\n          );\n          const hasReachedDismissOffset = translationY <= -dismissDistance;\n          const hasReachedSwipeThreshold =\n            Math.abs(velocityY) > TOAST_DISMISS_VELOCITY_THRESHOLD;\n          const isQuickDismissing = velocityY < 0;\n\n          const shouldDismiss =\n            hasReachedDismissOffset ||\n            (hasReachedSwipeThreshold && isQuickDismissing);\n\n          if (shouldDismiss) {\n            scheduleOnRN(dismissToastFromSwipe);\n            return;\n          }\n\n          springBackAfterSwipe();\n        })\n        .onFinalize(() => {\n          'worklet';\n\n          // onEnd is skipped when the pan fails/cancels after activation\n          // (e.g. horizontal travel past failOffsetX). Recover position and\n          // auto-dismiss so the toast is not left stuck mid-offset.\n          if (!isSwipeActive.value) {\n            return;\n          }\n          // Clear before the dismiss check — same order as onEnd — so a pan\n          // cancelled mid-dismiss cannot leave isSwipeActive stuck true for a\n          // later toast (resetState alone is not enough if finalize races it).\n          isSwipeActive.value = false;\n\n          if (isDismissing.value) {\n            return;\n          }\n          springBackAfterSwipe();\n        });\n      // Shared values and swipe JS wrappers are stable for the component lifetime.\n    }, []);\n\n    innerRef.current = {\n      closeToast,\n      showToast,\n    };\n\n    useImperativeHandle(ref, () => innerRef.current as ToasterRef);\n\n    useLayoutEffect(() => {\n      registeredRef = innerRef;\n      return () => {\n        if (registeredRef === innerRef) {\n          registeredRef = null;\n        }\n      };\n    }, []);\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    const { onClose: toastOnClose, twClassName: toastTwClassName } =\n      toastOptions;\n    const toastProps = getToastProps(toastOptions);\n    const { actionButtonLabel, actionButtonOnPress, ...restToastProps } =\n      toastProps;\n    const toastTwClassNames = [twClassName, toastTwClassName]\n      .filter(Boolean)\n      .join(' ');\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      const { height } = e.nativeEvent.layout;\n      const nextHiddenTranslateY = getHiddenTranslateY(height, topOffset);\n      const nextVisibleTranslateY = topInset + TOAST_TOP_PADDING;\n\n      hiddenTranslateY.value = nextHiddenTranslateY;\n      visibleTranslateY.value = nextVisibleTranslateY;\n      toastHeight.value = height;\n\n      if (animationStartedRef.current) {\n        return;\n      }\n\n      animationStartedRef.current = true;\n      translateYProgress.value = nextHiddenTranslateY;\n\n      if (toastOptions.hasNoTimeout) {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n        );\n      } else {\n        translateYProgress.value = withSpring(\n          nextVisibleTranslateY,\n          TOAST_SPRING_CONFIG,\n          (finished) => {\n            if (finished) {\n              scheduleOnRN(beginAutoDismiss);\n            }\n          },\n        );\n      }\n    };\n\n    return (\n      <GestureDetector gesture={swipeGesture}>\n        <Animated.View\n          onLayout={onAnimatedViewLayout}\n          style={baseStyle}\n          {...props}\n        >\n          {actionButtonLabel && actionButtonOnPress ? (\n            <Toast\n              {...toastProps}\n              actionButtonLabel={actionButtonLabel}\n              actionButtonOnPress={actionButtonOnPress}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          ) : (\n            <Toast\n              {...restToastProps}\n              onClose={() => {\n                closeToast();\n                toastOnClose?.();\n              }}\n              twClassName={toastTwClassNames}\n            />\n          )}\n        </Animated.View>\n      </GestureDetector>\n    );\n  },\n);\n\nToasterComponent.displayName = 'Toaster';\n\ntype ToastFunction = ((options: ToastOptions) => void) & {\n  dismiss: () => void;\n};\n\nexport const Toaster = ToasterComponent;\n\nexport const toast = ((options: ToastOptions) => {\n  assertRegisteredRef('toast').showToast(options);\n}) as ToastFunction;\n\ntoast.dismiss = () => {\n  assertRegisteredRef('dismiss').closeToast();\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask/design-system-react-native",
-  "version": "0.38.1",
+  "version": "0.39.1",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -47,7 +47,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask/design-system-shared": "^0.31.0",
+    "@metamask/design-system-shared": "^0.32.0",
     "react-native-jazzicon": "^0.1.2"
   },
   "devDependencies": {