@moontra/moonui-pro 3.4.14 → 3.4.16

package/dist/index.d.ts

@@ -2080,6 +2080,14 @@ interface FloatingDockProps extends Omit<React__default.HTMLAttributes<HTMLDivEl
      * Toggle button ikonu
      */
     toggleIcon?: React__default.ReactNode;
+    /**
+     * Toggle button arkaplan rengi (default: "bg-background/95")
+     */
+    toggleButtonBg?: string;
+    /**
+     * Toggle button border rengi (default: "border-border")
+     */
+    toggleButtonBorder?: string;
 }
 declare const FloatingDock: React__default.ForwardRefExoticComponent<FloatingDockProps & React__default.RefAttributes<HTMLDivElement>>;
 

package/dist/index.mjs

@@ -17344,6 +17344,8 @@ var FloatingDockInternal = React71__default.forwardRef(
     mobileBreakpoint = "lg",
     autoHideDelay = 5e3,
     toggleIcon,
+    toggleButtonBg = "bg-background/95",
+    toggleButtonBorder = "border-border",
     ...props
   }, ref) => {
     const [isMobileOpen, setIsMobileOpen] = useState(false);
@@ -17499,7 +17501,9 @@ var FloatingDockInternal = React71__default.forwardRef(
             motion.button,
             {
               className: cn(
-                "absolute p-2.5 rounded-full bg-background/95 backdrop-blur-md border border-border shadow-lg hover:shadow-xl transition-shadow",
+                "absolute p-2.5 rounded-full backdrop-blur-md border shadow-lg hover:shadow-xl transition-shadow",
+                toggleButtonBg,
+                toggleButtonBorder,
                 position === "right" && "-left-14 top-1/2 -translate-y-1/2",
                 position === "left" && "-right-14 top-1/2 -translate-y-1/2",
                 position === "bottom" && "left-1/2 -translate-x-1/2 -top-14",
@@ -95538,6 +95542,7 @@ var NumberTickerInternal = ({
   const [currentValue, setCurrentValue] = useState(startValue);
   const [isAnimating, setIsAnimating] = useState(false);
   const [hasAnimated, setHasAnimated] = useState(false);
+  const [isInViewport, setIsInViewport] = useState(false);
   const elementRef = useRef(null);
   const animationRef = useRef(null);
   const getEasingFunction = (t2) => {
@@ -95611,8 +95616,12 @@ var NumberTickerInternal = ({
       return;
     const observer = new IntersectionObserver(
       ([entry]) => {
-        if (entry.isIntersecting) {
+        setIsInViewport(entry.isIntersecting);
+        if (entry.isIntersecting && (!hasAnimated || repeat)) {
           startAnimation();
+        } else if (!entry.isIntersecting && isAnimating && animationRef.current) {
+          cancelAnimationFrame(animationRef.current);
+          setIsAnimating(false);
         }
       },
       { threshold }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.4.14",
+    "version": "3.4.16",
     "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",