@ornikar/kitt-universal 31.4.0 → 31.4.1-canary.2fdbcaad37b7e76ba2442f7c56a4939349d51eb1.0

package/dist/index-node-22.17.es.mjs

@@ -840,15 +840,15 @@ const card = {
   }
 };
 
-const webAnimationContentDuration$2 = 400;
-const webAnimationContentEasing$2 = {
+const webAnimationContentDuration$1 = 400;
+const webAnimationContentEasing$1 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$2 = 250;
-const webAnimationOverlayEasing$2 = {
+const webAnimationOverlayDuration$1 = 250;
+const webAnimationOverlayEasing$1 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -883,12 +883,12 @@ const cardModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$2,
-      easing: webAnimationOverlayEasing$2
+      duration: webAnimationOverlayDuration$1,
+      easing: webAnimationOverlayEasing$1
     },
     content: {
-      duration: webAnimationContentDuration$2,
-      easing: webAnimationContentEasing$2
+      duration: webAnimationContentDuration$1,
+      easing: webAnimationContentEasing$1
     }
   }
 };
@@ -944,15 +944,15 @@ const choices = {
   }
 };
 
-const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = {
+const webAnimationContentDuration = 400;
+const webAnimationContentEasing = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = {
+const webAnimationOverlayDuration = 250;
+const webAnimationOverlayEasing = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -974,12 +974,12 @@ const dialogModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$1,
-      easing: webAnimationOverlayEasing$1
+      duration: webAnimationOverlayDuration,
+      easing: webAnimationOverlayEasing
     },
     content: {
-      duration: webAnimationContentDuration$1,
-      easing: webAnimationContentEasing$1
+      duration: webAnimationContentDuration,
+      easing: webAnimationContentEasing
     }
   }
 };
@@ -1888,20 +1888,6 @@ const forms = {
   timePicker
 };
 
-const webAnimationContentDuration = 600;
-const webAnimationContentEasing = {
-  x1: 0.77,
-  y1: 0,
-  x2: 0.175,
-  y2: 1
-};
-const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = {
-  x1: 0.42,
-  y1: 0,
-  x2: 1,
-  y2: 1
-};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1915,12 +1901,22 @@ const fullscreenModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration,
-      easing: webAnimationOverlayEasing
+      duration: 250,
+      easing: {
+        x1: 0.42,
+        y1: 0,
+        x2: 1,
+        y2: 1
+      }
     },
     content: {
-      duration: webAnimationContentDuration,
-      easing: webAnimationContentEasing
+      duration: 600,
+      easing: {
+        x1: 0.77,
+        y1: 0,
+        x2: 0.175,
+        y2: 1
+      }
     }
   }
 };
@@ -4360,7 +4356,7 @@ const CardModalRotationContainer = /*#__PURE__*/forwardRef((props, ref) => {
   });
 });
 
-function NativeOpacityAnimation$2({
+function OpacityAnimation({
   visible,
   children,
   onExited
@@ -4402,7 +4398,7 @@ function NativeOpacityAnimation$2({
   });
 }
 
-function NativeRotationAnimation$1({
+function RotationAnimation({
   visible,
   children,
   onEntered,
@@ -4499,14 +4495,14 @@ function CardModalAnimation({
       flexGrow: 1,
       justifyContent: "center",
       alignItems: "center",
-      children: [/*#__PURE__*/jsx(NativeOpacityAnimation$2, {
+      children: [/*#__PURE__*/jsx(OpacityAnimation, {
         visible: isContentVisible,
         onExited: handleAnimationExited,
         children: /*#__PURE__*/jsx(Overlay, {
           onPress: onClose
         })
       }), /*#__PURE__*/jsx(CardModalRotationContainer, {
-        children: /*#__PURE__*/jsx(NativeRotationAnimation$1, {
+        children: /*#__PURE__*/jsx(RotationAnimation, {
           visible: isContentVisible,
           onExited: handleAnimationExited,
           onEntered: onEntered,
@@ -5079,10 +5075,12 @@ function NativeOpacityAnimation$1({
 }) {
   const theme = useTheme();
   const hasRunAnimationRef = useRef(false);
-  function handleAnimationFinished() {
+  useEffect(() => {
     if (visible) {
       hasRunAnimationRef.current = true;
     }
+  }, [visible]);
+  function handleAnimationFinished() {
     if (!visible && hasRunAnimationRef.current) {
       onExited();
     }
@@ -5107,7 +5105,7 @@ function NativeOpacityAnimation$1({
         runOnJS(handleAnimationFinished)();
       })
     };
-  });
+  }, [theme, visible, handleAnimationFinished]);
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -5123,10 +5121,14 @@ function NativeRotationAnimation({
   const theme = useTheme();
   const hasRunAnimationRef = useRef(false);
   const rotation = useSharedValue(0.8);
+  useEffect(() => {
+    if (visible) {
+      hasRunAnimationRef.current = true;
+    }
+  }, [visible]);
   function handleAnimationFinished() {
     if (visible) {
       if (onEntered) onEntered();
-      hasRunAnimationRef.current = true;
     }
     if (!visible && hasRunAnimationRef.current) onExited();
   }
@@ -5162,7 +5164,7 @@ function NativeRotationAnimation({
         rotateZ: `${rotation.value}deg`
       }]
     };
-  });
+  }, [theme, visible, rotation, handleAnimationFinished]);
   return /*#__PURE__*/jsx(Animated.View, {
     style: [animatedStyle],
     children: children