@designbasekorea/ui 0.2.32 → 0.2.33

package/dist/index.esm.js

@@ -2525,6 +2525,8 @@ const colorPalettes = {
 };
 const RandomGradient = ({ scheme = 'primary', tone = 'vivid', width = '100%', height = '600px', blur = 60, colorCount = 4, animated = false, animationDuration = 10, overlay = true, overlayOpacity = 0.2, children, className, }) => {
     const [gradientStyle, setGradientStyle] = useState({});
+    // 블러 최소값 60으로 제한
+    const minBlur = Math.max(60, blur);
     // 그라데이션 생성 함수
     const generateGradient = useMemo(() => {
         return () => {
@@ -2541,11 +2543,11 @@ const RandomGradient = ({ scheme = 'primary', tone = 'vivid', width = '100%', he
             const centerY = Math.random() * 100;
             return {
                 background: `radial-gradient(circle at ${centerX}% ${centerY}%, ${gradientStops})`,
-                filter: `blur(${blur}px)`,
+                filter: `blur(${minBlur}px)`,
                 transition: `all ${animationDuration}s ease-in-out`,
             };
         };
-    }, [scheme, tone, colorCount, blur, animationDuration]);
+    }, [scheme, tone, colorCount, minBlur, animationDuration]);
     // 초기 그라데이션 및 애니메이션
     useEffect(() => {
         setGradientStyle(generateGradient());