fix for last failed build 1

src/components/ui/blur-fade.tsx

@@ -1,60 +1,60 @@
-"use client";
+'use client'
 
-import { useRef } from "react";
+import { useRef } from 'react'
-import type { Variants } from "framer-motion";
+import type { Variants } from 'framer-motion'
-import { AnimatePresence, motion, useInView } from "framer-motion";
+import { AnimatePresence, motion, useInView } from 'framer-motion'
 
 interface BlurFadeProps {
-  children: React.ReactNode;
+   children: React.ReactNode
-  className?: string;
+   className?: string
-  variant?: {
+   variant?: {
-    hidden: { y: number };
+      hidden: { y: number }
-    visible: { y: number };
+      visible: { y: number }
-  };
+   }
-  duration?: number;
+   duration?: number
-  delay?: number;
+   delay?: number
-  yOffset?: number;
+   yOffset?: number
-  inView?: boolean;
+   inView?: boolean
-  inViewMargin?: any;
+   inViewMargin?: any
-  blur?: string;
+   blur?: string
 }
 
 export default function BlurFade({
-  children,
+   children,
-  className,
+   className,
-  variant,
+   variant,
-  duration = 0.4,
+   duration = 0.4,
-  delay = 0,
+   delay = 0,
-  yOffset = 6,
+   yOffset = 6,
-  inView = false,
+   inView = false,
-  inViewMargin = "-50px",
+   inViewMargin = '-50px',
-  blur = "6px",
+   blur = '6px',
 }: BlurFadeProps) {
-  const ref = useRef(null);
+   const ref = useRef(null)
-  const inViewResult = useInView(ref, { once: true, margin: inViewMargin });
+   const inViewResult = useInView(ref, { once: true, margin: inViewMargin })
-  const isInView = !inView || inViewResult;
+   const isInView = !inView || inViewResult
-  const defaultVariants: Variants = {
+   const defaultVariants: Variants = {
-    hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
+      hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` },
-    visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
+      visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` },
-  };
+   }
-  const combinedVariants = variant || defaultVariants;
+   const combinedVariants = variant || defaultVariants
-  return (
+   return (
-    <AnimatePresence>
+      <AnimatePresence>
-      <motion.div
+         <motion.div
-        ref={ref}
+            ref={ref}
-        initial="hidden"
+            initial="hidden"
-        animate={isInView ? "visible" : "hidden"}
+            animate={isInView ? 'visible' : 'hidden'}
-        exit="hidden"
+            exit="hidden"
-        variants={combinedVariants}
+            variants={combinedVariants}
-        transition={{
+            transition={{
-          delay: 0.04 + delay,
+               delay: 0.04 + delay,
-          duration,
+               duration,
-          ease: "easeOut",
+               ease: 'easeOut',
-        }}
+            }}
-        className={className}
+            className={className}
-      >
+         >
-        {children}
+            {children}
-      </motion.div>
+         </motion.div>
-    </AnimatePresence>
+      </AnimatePresence>
-  );
+   )
 }