@shaykec/app-agent 1.0.9 → 1.0.10

package/templates/ios/MediaTemplate/MediaTemplate/Core/Animation/AnimatedTransitionsView.swift

@@ -57,6 +57,155 @@ struct BounceScaleModifier: ViewModifier {
     }
 }
 
+// MARK: - Scale on Press Modifier
+/// Applies scale-down + spring-back animation when pressed (like a button press).
+struct ScaleOnPressModifier: ViewModifier {
+    @State private var isPressed = false
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(isPressed ? 0.95 : 1.0)
+            .animation(.spring(response: 0.3, dampingFraction: 0.7), value: isPressed)
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in isPressed = true }
+                    .onEnded { _ in isPressed = false }
+            )
+    }
+}
+
+// MARK: - Haptic Feedback Modifier
+/// Triggers haptic feedback on tap.
+struct HapticFeedbackModifier: ViewModifier {
+    let style: UIImpactFeedbackGenerator.FeedbackStyle
+    
+    func body(content: Content) -> some View {
+        content
+            .onTapGesture {
+                UIImpactFeedbackGenerator(style: style).impactOccurred()
+            }
+    }
+}
+
+// MARK: - Slide and Fade Modifier
+/// Applies a slide-from-side + fade-in animation on appear.
+struct SlideAndFadeModifier: ViewModifier {
+    let delay: Double
+    @State private var isVisible = false
+    
+    func body(content: Content) -> some View {
+        content
+            .opacity(isVisible ? 1 : 0)
+            .offset(x: isVisible ? 0 : 20)
+            .motionAware(animation: .spring(response: 0.5, dampingFraction: 0.8).delay(delay))
+            .onAppear {
+                isVisible = true
+            }
+    }
+}
+
+// MARK: - Card Shadow Modifier
+/// Applies a subtle colored shadow to cards and elevated surfaces.
+struct CardShadowModifier: ViewModifier {
+    let color: Color
+    let radius: CGFloat
+    let y: CGFloat
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.08), radius: radius, x: 0, y: y)
+            .shadow(color: Color.black.opacity(0.04), radius: radius / 2, x: 0, y: y / 2)
+    }
+}
+
+// MARK: - Elevated Shadow Modifier
+/// Applies a deeper shadow for FABs and floating elements.
+struct ElevatedShadowModifier: ViewModifier {
+    let color: Color
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.12), radius: 16, x: 0, y: 8)
+            .shadow(color: Color.black.opacity(0.06), radius: 8, x: 0, y: 4)
+    }
+}
+
+// MARK: - Shimmer Modifier
+/// Applies a shimmer/skeleton-loading gradient overlay for loading states.
+struct ShimmerModifier: ViewModifier {
+    @State private var isAnimating = false
+    
+    func body(content: Content) -> some View {
+        content
+            .overlay(
+                GeometryReader { geometry in
+                    if isAnimating {
+                        LinearGradient(
+                            colors: [
+                                Color.clear,
+                                Color.white.opacity(0.3),
+                                Color.clear
+                            ],
+                            startPoint: .leading,
+                            endPoint: .trailing
+                        )
+                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
+                        .animation(
+                            Animation.linear(duration: 1.5)
+                                .repeatForever(autoreverses: false),
+                            value: isAnimating
+                        )
+                    }
+                }
+            )
+            .clipped()
+            .onAppear {
+                isAnimating = true
+            }
+    }
+}
+
+// MARK: - Pulse Modifier
+/// Applies a repeating scale pulse effect (e.g., for notifications, active indicators).
+struct PulseModifier: ViewModifier {
+    let intensity: CGFloat
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .onAppear {
+                withAnimation(
+                    .easeInOut(duration: 1.0)
+                    .repeatForever(autoreverses: true)
+                ) {
+                    scale = 1.0 + intensity
+                }
+            }
+    }
+}
+
+// MARK: - Heart Bounce Modifier
+/// Applies a scale-up bounce then return when toggled (e.g., favorite/like buttons).
+struct HeartBounceModifier: ViewModifier {
+    let isActive: Bool
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .motionAware(animation: .spring(response: 0.3, dampingFraction: 0.5))
+            .onChange(of: isActive) { _, newValue in
+                if newValue {
+                    scale = 1.3
+                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                        scale = 1.0
+                    }
+                }
+            }
+    }
+}
+
 // MARK: - View Extensions
 
 extension View {
@@ -79,4 +228,56 @@ extension View {
     func bounceOnChange(isActive: Bool) -> some View {
         modifier(BounceScaleModifier(isActive: isActive))
     }
+    
+    /// Applies scale-down press feedback to any tappable element.
+    /// Scales to 0.95 on press with spring return animation.
+    func scaleOnPress() -> some View {
+        modifier(ScaleOnPressModifier())
+    }
+    
+    /// Triggers haptic feedback on tap.
+    /// - Parameter style: Feedback intensity (.light, .medium, .heavy)
+    func hapticFeedback(_ style: UIImpactFeedbackGenerator.FeedbackStyle = .light) -> some View {
+        modifier(HapticFeedbackModifier(style: style))
+    }
+    
+    /// Applies a slide-from-side + fade-in animation on appear.
+    /// - Parameter delay: Delay before animation starts (default: 0)
+    func slideAndFade(delay: Double = 0) -> some View {
+        modifier(SlideAndFadeModifier(delay: delay))
+    }
+    
+    /// Applies subtle colored shadow to cards and elevated surfaces.
+    /// Uses dual-shadow technique: primary-tinted shadow + neutral shadow for depth.
+    /// - Parameters:
+    ///   - color: Shadow tint color (default: .primary)
+    ///   - radius: Shadow blur radius (default: 8)
+    ///   - y: Vertical offset (default: 4)
+    func cardShadow(color: Color = .primary, radius: CGFloat = 8, y: CGFloat = 4) -> some View {
+        modifier(CardShadowModifier(color: color, radius: radius, y: y))
+    }
+    
+    /// Applies deeper shadow for floating elements (FABs, modals).
+    /// - Parameter color: Shadow tint color (default: .primary)
+    func elevatedShadow(color: Color = .primary) -> some View {
+        modifier(ElevatedShadowModifier(color: color))
+    }
+    
+    /// Applies a shimmer loading overlay (e.g., for skeleton placeholder views).
+    func shimmer() -> some View {
+        modifier(ShimmerModifier())
+    }
+    
+    /// Applies a repeating pulse animation (e.g., for notifications, live indicators).
+    /// - Parameter intensity: Scale increase per pulse (default: 0.05 = 5% bigger)
+    func pulse(intensity: CGFloat = 0.05) -> some View {
+        modifier(PulseModifier(intensity: intensity))
+    }
+    
+    /// Applies a heart/like bounce effect when toggled active.
+    /// Scales up to 1.3x then springs back. Perfect for favorite buttons.
+    /// - Parameter isActive: Boolean that triggers the bounce when it becomes true
+    func heartBounce(isActive: Bool) -> some View {
+        modifier(HeartBounceModifier(isActive: isActive))
+    }
 }

package/templates/ios/ReferenceTemplate/ReferenceTemplate/Core/Animation/AnimatedTransitionsView.swift

@@ -57,6 +57,155 @@ struct BounceScaleModifier: ViewModifier {
     }
 }
 
+// MARK: - Scale on Press Modifier
+/// Applies scale-down + spring-back animation when pressed (like a button press).
+struct ScaleOnPressModifier: ViewModifier {
+    @State private var isPressed = false
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(isPressed ? 0.95 : 1.0)
+            .animation(.spring(response: 0.3, dampingFraction: 0.7), value: isPressed)
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in isPressed = true }
+                    .onEnded { _ in isPressed = false }
+            )
+    }
+}
+
+// MARK: - Haptic Feedback Modifier
+/// Triggers haptic feedback on tap.
+struct HapticFeedbackModifier: ViewModifier {
+    let style: UIImpactFeedbackGenerator.FeedbackStyle
+    
+    func body(content: Content) -> some View {
+        content
+            .onTapGesture {
+                UIImpactFeedbackGenerator(style: style).impactOccurred()
+            }
+    }
+}
+
+// MARK: - Slide and Fade Modifier
+/// Applies a slide-from-side + fade-in animation on appear.
+struct SlideAndFadeModifier: ViewModifier {
+    let delay: Double
+    @State private var isVisible = false
+    
+    func body(content: Content) -> some View {
+        content
+            .opacity(isVisible ? 1 : 0)
+            .offset(x: isVisible ? 0 : 20)
+            .motionAware(animation: .spring(response: 0.5, dampingFraction: 0.8).delay(delay))
+            .onAppear {
+                isVisible = true
+            }
+    }
+}
+
+// MARK: - Card Shadow Modifier
+/// Applies a subtle colored shadow to cards and elevated surfaces.
+struct CardShadowModifier: ViewModifier {
+    let color: Color
+    let radius: CGFloat
+    let y: CGFloat
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.08), radius: radius, x: 0, y: y)
+            .shadow(color: Color.black.opacity(0.04), radius: radius / 2, x: 0, y: y / 2)
+    }
+}
+
+// MARK: - Elevated Shadow Modifier
+/// Applies a deeper shadow for FABs and floating elements.
+struct ElevatedShadowModifier: ViewModifier {
+    let color: Color
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.12), radius: 16, x: 0, y: 8)
+            .shadow(color: Color.black.opacity(0.06), radius: 8, x: 0, y: 4)
+    }
+}
+
+// MARK: - Shimmer Modifier
+/// Applies a shimmer/skeleton-loading gradient overlay for loading states.
+struct ShimmerModifier: ViewModifier {
+    @State private var isAnimating = false
+    
+    func body(content: Content) -> some View {
+        content
+            .overlay(
+                GeometryReader { geometry in
+                    if isAnimating {
+                        LinearGradient(
+                            colors: [
+                                Color.clear,
+                                Color.white.opacity(0.3),
+                                Color.clear
+                            ],
+                            startPoint: .leading,
+                            endPoint: .trailing
+                        )
+                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
+                        .animation(
+                            Animation.linear(duration: 1.5)
+                                .repeatForever(autoreverses: false),
+                            value: isAnimating
+                        )
+                    }
+                }
+            )
+            .clipped()
+            .onAppear {
+                isAnimating = true
+            }
+    }
+}
+
+// MARK: - Pulse Modifier
+/// Applies a repeating scale pulse effect (e.g., for notifications, active indicators).
+struct PulseModifier: ViewModifier {
+    let intensity: CGFloat
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .onAppear {
+                withAnimation(
+                    .easeInOut(duration: 1.0)
+                    .repeatForever(autoreverses: true)
+                ) {
+                    scale = 1.0 + intensity
+                }
+            }
+    }
+}
+
+// MARK: - Heart Bounce Modifier
+/// Applies a scale-up bounce then return when toggled (e.g., favorite/like buttons).
+struct HeartBounceModifier: ViewModifier {
+    let isActive: Bool
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .motionAware(animation: .spring(response: 0.3, dampingFraction: 0.5))
+            .onChange(of: isActive) { _, newValue in
+                if newValue {
+                    scale = 1.3
+                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                        scale = 1.0
+                    }
+                }
+            }
+    }
+}
+
 // MARK: - View Extensions
 
 extension View {
@@ -79,4 +228,56 @@ extension View {
     func bounceOnChange(isActive: Bool) -> some View {
         modifier(BounceScaleModifier(isActive: isActive))
     }
+    
+    /// Applies scale-down press feedback to any tappable element.
+    /// Scales to 0.95 on press with spring return animation.
+    func scaleOnPress() -> some View {
+        modifier(ScaleOnPressModifier())
+    }
+    
+    /// Triggers haptic feedback on tap.
+    /// - Parameter style: Feedback intensity (.light, .medium, .heavy)
+    func hapticFeedback(_ style: UIImpactFeedbackGenerator.FeedbackStyle = .light) -> some View {
+        modifier(HapticFeedbackModifier(style: style))
+    }
+    
+    /// Applies a slide-from-side + fade-in animation on appear.
+    /// - Parameter delay: Delay before animation starts (default: 0)
+    func slideAndFade(delay: Double = 0) -> some View {
+        modifier(SlideAndFadeModifier(delay: delay))
+    }
+    
+    /// Applies subtle colored shadow to cards and elevated surfaces.
+    /// Uses dual-shadow technique: primary-tinted shadow + neutral shadow for depth.
+    /// - Parameters:
+    ///   - color: Shadow tint color (default: .primary)
+    ///   - radius: Shadow blur radius (default: 8)
+    ///   - y: Vertical offset (default: 4)
+    func cardShadow(color: Color = .primary, radius: CGFloat = 8, y: CGFloat = 4) -> some View {
+        modifier(CardShadowModifier(color: color, radius: radius, y: y))
+    }
+    
+    /// Applies deeper shadow for floating elements (FABs, modals).
+    /// - Parameter color: Shadow tint color (default: .primary)
+    func elevatedShadow(color: Color = .primary) -> some View {
+        modifier(ElevatedShadowModifier(color: color))
+    }
+    
+    /// Applies a shimmer loading overlay (e.g., for skeleton placeholder views).
+    func shimmer() -> some View {
+        modifier(ShimmerModifier())
+    }
+    
+    /// Applies a repeating pulse animation (e.g., for notifications, live indicators).
+    /// - Parameter intensity: Scale increase per pulse (default: 0.05 = 5% bigger)
+    func pulse(intensity: CGFloat = 0.05) -> some View {
+        modifier(PulseModifier(intensity: intensity))
+    }
+    
+    /// Applies a heart/like bounce effect when toggled active.
+    /// Scales up to 1.3x then springs back. Perfect for favorite buttons.
+    /// - Parameter isActive: Boolean that triggers the bounce when it becomes true
+    func heartBounce(isActive: Bool) -> some View {
+        modifier(HeartBounceModifier(isActive: isActive))
+    }
 }

package/templates/ios/ReferenceTemplate/ReferenceTemplate/Core/Strings.swift

@@ -4,4 +4,16 @@ import Foundation
 /// Root enum for all string extensions.
 /// Each feature module extends this enum with its own nested enum.
 enum Strings {
+    // MARK: - Motion Preferences
+    enum MotionPreferences {
+        static let animationLevel = "Animations"
+        static let description = "Controls how animations and transitions appear throughout the app. System Reduce Motion setting is always respected."
+        static let reduceMotionActive = "System Reduce Motion is enabled. Animations will be simplified."
+        static let intensityFull = "Full"
+        static let intensityReduced = "Reduced"
+        static let intensityOff = "Off"
+        static let fullDescription = "All animations and transitions enabled"
+        static let reducedDescription = "Simplified cross-fade transitions only"
+        static let offDescription = "No animations — instant state changes"
+    }
 }

package/templates/ios/ReferenceTemplate/ReferenceTemplate/Features/SkeletonLoading/SkeletonLoadingView.swift

@@ -156,43 +156,8 @@ struct SkeletonDetailView: View {
 }
 
 // MARK: - Shimmer Modifier
-struct ShimmerModifier: ViewModifier {
-    @State private var isAnimating = false
-    
-    func body(content: Content) -> some View {
-        content
-            .overlay(
-                GeometryReader { geometry in
-                    if isAnimating {
-                        LinearGradient(
-                            colors: [
-                                Color.clear,
-                                Color.white.opacity(0.3),
-                                Color.clear
-                            ],
-                            startPoint: .leading,
-                            endPoint: .trailing
-                        )
-                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
-                        .animation(
-                            Animation.linear(duration: 1.5)
-                                .repeatForever(autoreverses: false),
-                            value: isAnimating
-                        )
-                    }
-                }
-            )
-            .onAppear {
-                isAnimating = true
-            }
-    }
-}
-
-extension View {
-    func shimmer() -> some View {
-        modifier(ShimmerModifier())
-    }
-}
+// ShimmerModifier and .shimmer() are now built-in via AnimatedTransitionsView.swift.
+// No duplicate definition needed here.
 
 // MARK: - Skeleton Loading View (Convenience)
 /// Convenience wrapper for common skeleton loading patterns.

package/templates/ios/ShopTemplate/ShopTemplate/Core/Animation/AnimatedTransitionsView.swift

@@ -57,6 +57,155 @@ struct BounceScaleModifier: ViewModifier {
     }
 }
 
+// MARK: - Scale on Press Modifier
+/// Applies scale-down + spring-back animation when pressed (like a button press).
+struct ScaleOnPressModifier: ViewModifier {
+    @State private var isPressed = false
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(isPressed ? 0.95 : 1.0)
+            .animation(.spring(response: 0.3, dampingFraction: 0.7), value: isPressed)
+            .simultaneousGesture(
+                DragGesture(minimumDistance: 0)
+                    .onChanged { _ in isPressed = true }
+                    .onEnded { _ in isPressed = false }
+            )
+    }
+}
+
+// MARK: - Haptic Feedback Modifier
+/// Triggers haptic feedback on tap.
+struct HapticFeedbackModifier: ViewModifier {
+    let style: UIImpactFeedbackGenerator.FeedbackStyle
+    
+    func body(content: Content) -> some View {
+        content
+            .onTapGesture {
+                UIImpactFeedbackGenerator(style: style).impactOccurred()
+            }
+    }
+}
+
+// MARK: - Slide and Fade Modifier
+/// Applies a slide-from-side + fade-in animation on appear.
+struct SlideAndFadeModifier: ViewModifier {
+    let delay: Double
+    @State private var isVisible = false
+    
+    func body(content: Content) -> some View {
+        content
+            .opacity(isVisible ? 1 : 0)
+            .offset(x: isVisible ? 0 : 20)
+            .motionAware(animation: .spring(response: 0.5, dampingFraction: 0.8).delay(delay))
+            .onAppear {
+                isVisible = true
+            }
+    }
+}
+
+// MARK: - Card Shadow Modifier
+/// Applies a subtle colored shadow to cards and elevated surfaces.
+struct CardShadowModifier: ViewModifier {
+    let color: Color
+    let radius: CGFloat
+    let y: CGFloat
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.08), radius: radius, x: 0, y: y)
+            .shadow(color: Color.black.opacity(0.04), radius: radius / 2, x: 0, y: y / 2)
+    }
+}
+
+// MARK: - Elevated Shadow Modifier
+/// Applies a deeper shadow for FABs and floating elements.
+struct ElevatedShadowModifier: ViewModifier {
+    let color: Color
+    
+    func body(content: Content) -> some View {
+        content
+            .shadow(color: color.opacity(0.12), radius: 16, x: 0, y: 8)
+            .shadow(color: Color.black.opacity(0.06), radius: 8, x: 0, y: 4)
+    }
+}
+
+// MARK: - Shimmer Modifier
+/// Applies a shimmer/skeleton-loading gradient overlay for loading states.
+struct ShimmerModifier: ViewModifier {
+    @State private var isAnimating = false
+    
+    func body(content: Content) -> some View {
+        content
+            .overlay(
+                GeometryReader { geometry in
+                    if isAnimating {
+                        LinearGradient(
+                            colors: [
+                                Color.clear,
+                                Color.white.opacity(0.3),
+                                Color.clear
+                            ],
+                            startPoint: .leading,
+                            endPoint: .trailing
+                        )
+                        .offset(x: isAnimating ? geometry.size.width : -geometry.size.width)
+                        .animation(
+                            Animation.linear(duration: 1.5)
+                                .repeatForever(autoreverses: false),
+                            value: isAnimating
+                        )
+                    }
+                }
+            )
+            .clipped()
+            .onAppear {
+                isAnimating = true
+            }
+    }
+}
+
+// MARK: - Pulse Modifier
+/// Applies a repeating scale pulse effect (e.g., for notifications, active indicators).
+struct PulseModifier: ViewModifier {
+    let intensity: CGFloat
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .onAppear {
+                withAnimation(
+                    .easeInOut(duration: 1.0)
+                    .repeatForever(autoreverses: true)
+                ) {
+                    scale = 1.0 + intensity
+                }
+            }
+    }
+}
+
+// MARK: - Heart Bounce Modifier
+/// Applies a scale-up bounce then return when toggled (e.g., favorite/like buttons).
+struct HeartBounceModifier: ViewModifier {
+    let isActive: Bool
+    @State private var scale: CGFloat = 1.0
+    
+    func body(content: Content) -> some View {
+        content
+            .scaleEffect(scale)
+            .motionAware(animation: .spring(response: 0.3, dampingFraction: 0.5))
+            .onChange(of: isActive) { _, newValue in
+                if newValue {
+                    scale = 1.3
+                    DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
+                        scale = 1.0
+                    }
+                }
+            }
+    }
+}
+
 // MARK: - View Extensions
 
 extension View {
@@ -79,4 +228,56 @@ extension View {
     func bounceOnChange(isActive: Bool) -> some View {
         modifier(BounceScaleModifier(isActive: isActive))
     }
+    
+    /// Applies scale-down press feedback to any tappable element.
+    /// Scales to 0.95 on press with spring return animation.
+    func scaleOnPress() -> some View {
+        modifier(ScaleOnPressModifier())
+    }
+    
+    /// Triggers haptic feedback on tap.
+    /// - Parameter style: Feedback intensity (.light, .medium, .heavy)
+    func hapticFeedback(_ style: UIImpactFeedbackGenerator.FeedbackStyle = .light) -> some View {
+        modifier(HapticFeedbackModifier(style: style))
+    }
+    
+    /// Applies a slide-from-side + fade-in animation on appear.
+    /// - Parameter delay: Delay before animation starts (default: 0)
+    func slideAndFade(delay: Double = 0) -> some View {
+        modifier(SlideAndFadeModifier(delay: delay))
+    }
+    
+    /// Applies subtle colored shadow to cards and elevated surfaces.
+    /// Uses dual-shadow technique: primary-tinted shadow + neutral shadow for depth.
+    /// - Parameters:
+    ///   - color: Shadow tint color (default: .primary)
+    ///   - radius: Shadow blur radius (default: 8)
+    ///   - y: Vertical offset (default: 4)
+    func cardShadow(color: Color = .primary, radius: CGFloat = 8, y: CGFloat = 4) -> some View {
+        modifier(CardShadowModifier(color: color, radius: radius, y: y))
+    }
+    
+    /// Applies deeper shadow for floating elements (FABs, modals).
+    /// - Parameter color: Shadow tint color (default: .primary)
+    func elevatedShadow(color: Color = .primary) -> some View {
+        modifier(ElevatedShadowModifier(color: color))
+    }
+    
+    /// Applies a shimmer loading overlay (e.g., for skeleton placeholder views).
+    func shimmer() -> some View {
+        modifier(ShimmerModifier())
+    }
+    
+    /// Applies a repeating pulse animation (e.g., for notifications, live indicators).
+    /// - Parameter intensity: Scale increase per pulse (default: 0.05 = 5% bigger)
+    func pulse(intensity: CGFloat = 0.05) -> some View {
+        modifier(PulseModifier(intensity: intensity))
+    }
+    
+    /// Applies a heart/like bounce effect when toggled active.
+    /// Scales up to 1.3x then springs back. Perfect for favorite buttons.
+    /// - Parameter isActive: Boolean that triggers the bounce when it becomes true
+    func heartBounce(isActive: Bool) -> some View {
+        modifier(HeartBounceModifier(isActive: isActive))
+    }
 }