cdslibrary 1.2.57 → 1.2.59

package/components/CDSBottomSheet.jsx

@@ -13,7 +13,7 @@ import Animated, {
   withTiming, 
   runOnJS,
   interpolate,
-  Extrapolation
+  Extrapolation, Easing
 } from "react-native-reanimated";
 import { GestureDetector, Gesture } from "react-native-gesture-handler";
 
@@ -77,14 +77,19 @@ const bottomSheetRender = ({
   // --- 4. Efectos de Entrada/Salida ---
   useEffect(() => {
     if (isVisible) {
-      translation.value = withSpring(0, { damping: 19 });
+      // SOLUCIÓN: Aumentamos damping a 30 (frena más fuerte)
+      // Opcional: overshootClamping: true (prohíbe pasarse de la línea)
+      translation.value = withSpring(0, { 
+          damping: 30,  // <--- Antes era 15. Súbelo entre 25 y 30.
+          stiffness: 90,
+          overshootClamping: false // Ponlo en true si aun así rebota
+      });
       opacity.value = withTiming(1, { duration: 300 });
     } else {
-      // Si se controla false desde fuera
       translation.value = withTiming(startPos, { duration: 300 });
       opacity.value = withTiming(0, { duration: 300 });
     }
-  }, [isVisible, isMobile]);
+}, [isVisible, isMobile]);
 
   // --- 5. Estilos Animados ---
   const animatedStyle = useAnimatedStyle(() => {
@@ -127,7 +132,7 @@ const bottomSheetRender = ({
             {
               backgroundColor: theme.surface.neutral.primary,
               // Mantenemos tu lógica exacta de padding y gaps
-              paddingTop: (hasClose ? theme.space['2xl'] : theme.space.md),
+              paddingTop: (hasClose ? theme.space['2xl'] : theme.space.lg),
               gap: theme.space.md,
               ...(isMobile ? {
                 borderTopLeftRadius: theme.radius.lg,

package/components/CDSSnackBar.jsx

@@ -23,10 +23,12 @@ export const CDSSnackBar = ({ message, visible, onDismiss, action }) => {
                 stiffness: 90,
                 overshootClamping: true
             });
+            opacity.value = withTiming(1, { duration: 300 });
         } else {
-            translateY.value = withTiming(150);
+            translation.value = withTiming(startPos, { duration: 300 });
+            opacity.value = withTiming(0, { duration: 300 });
         }
-    }, [visible]);
+    }, [visible, isMobile]);
 
     // Lógica de auto-ocultado
     useEffect(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cdslibrary",
   "license": "0BSD",
-  "version": "1.2.57",
+  "version": "1.2.59",
   "main": "index.js",
   "author": "Nat Viramontes",
   "description": "A library of components for the CDS project",