@designbasekorea/ui 0.2.31 → 0.2.33

package/dist/index.umd.js

@@ -2526,6 +2526,8 @@
     };
     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] = React.useState({});
+        // 블러 최소값 60으로 제한
+        const minBlur = Math.max(60, blur);
         // 그라데이션 생성 함수
         const generateGradient = React.useMemo(() => {
             return () => {
@@ -2542,11 +2544,11 @@
                 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]);
         // 초기 그라데이션 및 애니메이션
         React.useEffect(() => {
             setGradientStyle(generateGradient());
@@ -5452,6 +5454,10 @@
             onChange?.(formatted);
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, [formatted]); // onChange와 value를 의존성에서 제거
+        /** formatted 변경시 colorInput 동기화 */
+        React.useEffect(() => {
+            setColorInput(formatted.toUpperCase());
+        }, [formatted]);
         /** 드롭다운 외부 클릭 닫기 */
         React.useEffect(() => {
             const handler = (e) => {