@moontra/moonui-pro 3.4.16 → 3.4.18

package/dist/index.d.ts

@@ -4018,7 +4018,7 @@ interface NavbarConfig {
         hover?: string;
     };
     variant?: "default" | "floating" | "floating-centered" | "floating-auto-hide" | "floating-sticky" | "minimal" | "transparent";
-    size?: "sm" | "md" | "lg";
+    size?: "sm" | "md" | "lg" | "xl" | "2xl";
     blur?: boolean;
     shadow?: boolean;
     rounded?: boolean;

package/dist/index.mjs

@@ -79392,6 +79392,10 @@ function NavbarInternal({
         return "h-14";
       case "lg":
         return "h-20";
+      case "xl":
+        return "h-24";
+      case "2xl":
+        return "h-28";
       default:
         return "h-16";
     }
@@ -95545,6 +95549,7 @@ var NumberTickerInternal = ({
   const [isInViewport, setIsInViewport] = useState(false);
   const elementRef = useRef(null);
   const animationRef = useRef(null);
+  const hasAnimatedRef = useRef(false);
   const getEasingFunction = (t2) => {
     switch (easing) {
       case "linear":
@@ -95582,7 +95587,7 @@ var NumberTickerInternal = ({
     return `${prefix}${formatted}${suffix}`;
   };
   const startAnimation = () => {
-    if (isAnimating || hasAnimated && !repeat)
+    if (isAnimating || hasAnimatedRef.current && !repeat)
       return;
     setIsAnimating(true);
     const startTime = performance.now();
@@ -95600,6 +95605,7 @@ var NumberTickerInternal = ({
       } else {
         setIsAnimating(false);
         setHasAnimated(true);
+        hasAnimatedRef.current = true;
         setCurrentValue(endVal);
         onComplete?.();
       }
@@ -95617,7 +95623,7 @@ var NumberTickerInternal = ({
     const observer = new IntersectionObserver(
       ([entry]) => {
         setIsInViewport(entry.isIntersecting);
-        if (entry.isIntersecting && (!hasAnimated || repeat)) {
+        if (entry.isIntersecting && (!hasAnimatedRef.current || repeat)) {
           startAnimation();
         } else if (!entry.isIntersecting && isAnimating && animationRef.current) {
           cancelAnimationFrame(animationRef.current);
@@ -95633,12 +95639,12 @@ var NumberTickerInternal = ({
         cancelAnimationFrame(animationRef.current);
       }
     };
-  }, [useIntersectionObserver, threshold, value, repeat]);
+  }, [useIntersectionObserver, threshold]);
   useEffect(() => {
-    if (!useIntersectionObserver && (repeat || !hasAnimated)) {
+    if (!useIntersectionObserver && (repeat || !hasAnimatedRef.current)) {
       startAnimation();
     }
-  }, [value, repeat]);
+  }, [value, repeat, useIntersectionObserver]);
   return /* @__PURE__ */ jsxs(
     "span",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.4.16",
+    "version": "3.4.18",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",