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

package/dist/index-node-22.17.cjs.js

@@ -864,15 +864,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,
@@ -907,12 +907,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
     }
   }
 };
@@ -968,15 +968,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,
@@ -998,12 +998,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
     }
   }
 };
@@ -1912,20 +1912,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
@@ -1939,12 +1925,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
+      }
     }
   }
 };
@@ -4384,7 +4380,7 @@ const CardModalRotationContainer = /*#__PURE__*/React.forwardRef((props, ref) =>
   });
 });
 
-function NativeOpacityAnimation$2({
+function OpacityAnimation({
   visible,
   children,
   onExited
@@ -4426,7 +4422,7 @@ function NativeOpacityAnimation$2({
   });
 }
 
-function NativeRotationAnimation$1({
+function RotationAnimation({
   visible,
   children,
   onEntered,
@@ -4523,14 +4519,14 @@ function CardModalAnimation({
       flexGrow: 1,
       justifyContent: "center",
       alignItems: "center",
-      children: [/*#__PURE__*/jsxRuntime.jsx(NativeOpacityAnimation$2, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(OpacityAnimation, {
         visible: isContentVisible,
         onExited: handleAnimationExited,
         children: /*#__PURE__*/jsxRuntime.jsx(Overlay, {
           onPress: onClose
         })
       }), /*#__PURE__*/jsxRuntime.jsx(CardModalRotationContainer, {
-        children: /*#__PURE__*/jsxRuntime.jsx(NativeRotationAnimation$1, {
+        children: /*#__PURE__*/jsxRuntime.jsx(RotationAnimation, {
           visible: isContentVisible,
           onExited: handleAnimationExited,
           onEntered: onEntered,
@@ -5103,10 +5099,12 @@ function NativeOpacityAnimation$1({
 }) {
   const theme = useTheme();
   const hasRunAnimationRef = React.useRef(false);
-  function handleAnimationFinished() {
+  React.useEffect(() => {
     if (visible) {
       hasRunAnimationRef.current = true;
     }
+  }, [visible]);
+  function handleAnimationFinished() {
     if (!visible && hasRunAnimationRef.current) {
       onExited();
     }
@@ -5131,7 +5129,7 @@ function NativeOpacityAnimation$1({
         Animated.runOnJS(handleAnimationFinished)();
       })
     };
-  });
+  }, [theme, visible, handleAnimationFinished]);
   return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
     style: [reactNative.StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -5147,10 +5145,14 @@ function NativeRotationAnimation({
   const theme = useTheme();
   const hasRunAnimationRef = React.useRef(false);
   const rotation = Animated.useSharedValue(0.8);
+  React.useEffect(() => {
+    if (visible) {
+      hasRunAnimationRef.current = true;
+    }
+  }, [visible]);
   function handleAnimationFinished() {
     if (visible) {
       if (onEntered) onEntered();
-      hasRunAnimationRef.current = true;
     }
     if (!visible && hasRunAnimationRef.current) onExited();
   }
@@ -5186,7 +5188,7 @@ function NativeRotationAnimation({
         rotateZ: `${rotation.value}deg`
       }]
     };
-  });
+  }, [theme, visible, rotation, handleAnimationFinished]);
   return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
     style: [animatedStyle],
     children: children