cdslibrary 1.2.65 → 1.2.67

package/components/CDSBottomSheet.jsx

@@ -6,11 +6,11 @@ import { useTheme } from "../context/CDSThemeContext";
 import { LinearGradient } from 'expo-linear-gradient';
 
 // --- NUEVO: Imports de Reanimated y Gesture Handler ---
-import Animated, { 
-  useSharedValue, 
-  useAnimatedStyle, 
-  withSpring, 
-  withTiming, 
+import Animated, {
+  useSharedValue,
+  useAnimatedStyle,
+  withSpring,
+  withTiming,
   runOnJS,
   interpolate,
   Extrapolation, Easing
@@ -69,30 +69,32 @@ const bottomSheetRender = ({
       if (event.translationY > 200 || event.velocityY > 2000) {
         handleClose();
       } else {
-        // Si no, rebota a posición original
-        translation.value = withSpring(0, { damping: 15, stiffness: 100 });
+        translation.value = withTiming(0, {
+          duration: 300,
+          easing: Easing.out(Easing.exp),
+        });
       }
     });
 
   // --- 4. Efectos de Entrada/Salida ---
   useEffect(() => {
     if (isVisible) {
-    // Usamos una curva Bezier suave (out-expo) que se frena al final
-    translation.value = withTiming(0, {
+      // Usamos una curva Bezier suave (out-expo) que se frena al final
+      translation.value = withTiming(0, {
         duration: 300,
-        easing: Easing.out(Easing.exp), 
-    });
-    opacity.value = withTiming(1, { duration: 200 });
-}
-}, [isVisible]);
+        easing: Easing.out(Easing.exp),
+      });
+      opacity.value = withTiming(1, { duration: 200 });
+    }
+  }, [isVisible]);
 
   // --- 5. Estilos Animados ---
   const animatedStyle = useAnimatedStyle(() => {
     return {
       opacity: opacity.value,
       transform: [
-        isMobile 
-          ? { translateY: translation.value } 
+        isMobile
+          ? { translateY: translation.value }
           : { translateX: translation.value }
       ],
     };
@@ -144,7 +146,7 @@ const bottomSheetRender = ({
               Se agrega position absolute para NO afectar tus paddings/espacios originales */}
           {isMobile && (
             <View style={styles.handleBarContainer}>
-               <View style={[styles.handleBarLine, { backgroundColor: theme.outline.neutral.tertiary }]} />
+              <View style={[styles.handleBarLine, { backgroundColor: theme.outline.neutral.tertiary }]} />
             </View>
           )}
 
@@ -154,14 +156,14 @@ const bottomSheetRender = ({
               size={theme.typography.icon.lg}
               color={theme.text.neutral.primary}
               // Usamos runOnJS porque onPress espera una función normal
-              onPress={() => runOnJS(handleClose)()} 
+              onPress={() => runOnJS(handleClose)()}
               style={{ position: "absolute", right: theme.space.md, top: theme.space.md, zIndex: 10 }}
             />
           )}
 
-          {!!title && <Text style={[theme.typography.h3, {marginHorizontal: theme.space.md}]}>{title}</Text>}
+          {!!title && <Text style={[theme.typography.h3, { marginHorizontal: theme.space.md }]}>{title}</Text>}
 
-          <View style={[styles.scrollWrapper, ]}>
+          <View style={[styles.scrollWrapper,]}>
             <ScrollView
               ref={ref}
               style={styles.scrollArea}
@@ -186,7 +188,7 @@ const bottomSheetRender = ({
           </View>
 
           {type !== "informative" && (
-            <View style={[isMobile ? styles.actionsContainer.typeBottomSheet : styles.actionsContainer.typeDrawer, {paddingHorizontal: theme.space.md, paddingVertical: theme.space.lg}]}>
+            <View style={[isMobile ? styles.actionsContainer.typeBottomSheet : styles.actionsContainer.typeDrawer, { paddingHorizontal: theme.space.md, paddingVertical: theme.space.lg }]}>
               <CDSButton
                 label={primaryButtonLabel}
                 onPress={() => runOnJS(handleClose)()}

package/components/CDSImageButtonGroup.jsx

@@ -33,7 +33,6 @@ export const CDSImageButtonGroup = ({ array, onSelect, isCentered }) => {
         }),
         opacity: animatedValue,
     };
-    console.log(array.length)
 
     return (
         <Animated.View style={[

package/package.json

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