@moontra/moonui-pro 3.4.1 → 3.4.3

package/dist/index.mjs

@@ -88297,7 +88297,7 @@ var GridDistortionInternal = ({
     if (!canvas || !container)
       return;
     const rect = container.getBoundingClientRect();
-    const dpr = window.devicePixelRatio || 1;
+    const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
     canvas.style.width = "100%";
     canvas.style.height = "100%";
     canvas.width = rect.width * dpr;
@@ -89525,6 +89525,8 @@ var LiquidBackgroundInternal = ({
 }) => {
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
+  const offscreenCanvasRef = useRef(null);
+  const offscreenCtxRef = useRef(null);
   const animationRef = useRef(void 0);
   const blobsRef = useRef([]);
   const mouseRef = useRef({ x: 0, y: 0, vx: 0, vy: 0 });
@@ -89533,6 +89535,12 @@ var LiquidBackgroundInternal = ({
   const frameInterval = 1e3 / fps;
   const [isVisible, setIsVisible] = useState(true);
   const observerTimeoutRef = useRef(null);
+  const filterString = useMemo(() => {
+    if (blur2 > 0 && contrast > 0) {
+      return `blur(${blur2}px) contrast(${contrast})`;
+    }
+    return "none";
+  }, [blur2, contrast]);
   const initializeBlobs = useCallback(() => {
     const canvas = canvasRef.current;
     if (!canvas)
@@ -89637,9 +89645,7 @@ var LiquidBackgroundInternal = ({
   }, [animationStyle, speed, viscosity, tension, sizeRange, interactive, mouseRadius]);
   const drawLiquid = useCallback((ctx, canvas) => {
     ctx.clearRect(0, 0, canvas.width, canvas.height);
-    if (blur2 > 0 && contrast > 0) {
-      ctx.filter = `blur(${blur2}px) contrast(${contrast})`;
-    }
+    ctx.filter = filterString;
     ctx.globalAlpha = opacity;
     const blobs = blobsRef.current;
     blobs.forEach((blob) => {
@@ -89685,14 +89691,17 @@ var LiquidBackgroundInternal = ({
       ctx.fillRect(0, 0, canvas.width, canvas.height);
       ctx.globalCompositeOperation = "source-over";
     }
-  }, [blur2, contrast, opacity, glow, glowIntensity, gradientOverlay]);
+  }, [filterString, opacity, glow, glowIntensity, gradientOverlay]);
   const animate4 = useCallback((currentTime) => {
     const canvas = canvasRef.current;
-    if (!canvas)
+    const offscreenCanvas = offscreenCanvasRef.current;
+    const offscreenCtx = offscreenCtxRef.current;
+    if (!canvas || !offscreenCanvas || !offscreenCtx)
       return;
     const ctx = canvas.getContext("2d", {
       alpha: true,
-      desynchronized: true
+      desynchronized: true,
+      willReadFrequently: false
     });
     if (!ctx)
       return;
@@ -89704,18 +89713,23 @@ var LiquidBackgroundInternal = ({
     lastFrameTimeRef.current = currentTime;
     if (!pauseWhenHidden || isVisible) {
       timeRef.current += 1;
-      updateBlobs(canvas);
-      drawLiquid(ctx, canvas);
+      updateBlobs(offscreenCanvas);
+      drawLiquid(offscreenCtx, offscreenCanvas);
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(offscreenCanvas, 0, 0);
     }
     animationRef.current = requestAnimationFrame(animate4);
   }, [frameInterval, updateBlobs, drawLiquid, pauseWhenHidden, isVisible]);
   const handleResize = useCallback(() => {
     const canvas = canvasRef.current;
-    if (!canvas)
+    const offscreenCanvas = offscreenCanvasRef.current;
+    if (!canvas || !offscreenCanvas)
       return;
     const rect = canvas.getBoundingClientRect();
     canvas.width = rect.width;
     canvas.height = rect.height;
+    offscreenCanvas.width = rect.width;
+    offscreenCanvas.height = rect.height;
     initializeBlobs();
   }, [initializeBlobs]);
   const handleMouseMove2 = useCallback((e) => {
@@ -89734,9 +89748,22 @@ var LiquidBackgroundInternal = ({
     const canvas = canvasRef.current;
     if (!canvas)
       return;
+    timeRef.current = Math.random() * 100;
+    const offscreenCanvas = document.createElement("canvas");
+    const offscreenCtx = offscreenCanvas.getContext("2d", {
+      alpha: true,
+      desynchronized: true,
+      willReadFrequently: false
+    });
+    if (!offscreenCtx)
+      return;
+    offscreenCanvasRef.current = offscreenCanvas;
+    offscreenCtxRef.current = offscreenCtx;
     const rect = canvas.getBoundingClientRect();
     canvas.width = rect.width;
     canvas.height = rect.height;
+    offscreenCanvas.width = rect.width;
+    offscreenCanvas.height = rect.height;
     initializeBlobs();
     window.addEventListener("resize", handleResize);
     if (interactive) {
@@ -89749,6 +89776,8 @@ var LiquidBackgroundInternal = ({
       if (animationRef.current) {
         cancelAnimationFrame(animationRef.current);
       }
+      offscreenCanvasRef.current = null;
+      offscreenCtxRef.current = null;
     };
   }, [initializeBlobs, handleResize, handleMouseMove2, animate4, interactive]);
   useEffect(() => {
@@ -89779,9 +89808,11 @@ var LiquidBackgroundInternal = ({
     };
   }, [pauseWhenHidden]);
   const canvasStyle = useMemo(() => ({
-    willChange: "transform",
+    willChange: "transform, opacity",
     transform: "translate3d(0, 0, 0)",
     backfaceVisibility: "hidden",
+    contain: "paint layout",
+    isolation: "isolate",
     opacity: !pauseWhenHidden || isVisible ? 1 : 0,
     transition: pauseWhenHidden ? "opacity 0.3s ease-out" : "none"
   }), [pauseWhenHidden, isVisible]);
@@ -89794,7 +89825,9 @@ var LiquidBackgroundInternal = ({
         containerClassName
       ),
       style: {
-        backgroundColor
+        backgroundColor,
+        contain: "layout style paint",
+        willChange: "contents"
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -91733,7 +91766,7 @@ var GeometricPatternsInternal = ({
     lastFrameTimeRef.current = currentTime;
     timeRef.current += 1;
     const rect = container.getBoundingClientRect();
-    const rawDPR = window.devicePixelRatio || 1;
+    const rawDPR = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
     Math.min(rawDPR, performanceSettings.maxDPR);
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     if (backgroundColor !== "transparent") {
@@ -91762,7 +91795,7 @@ var GeometricPatternsInternal = ({
     if (!canvas || !container)
       return;
     const rect = container.getBoundingClientRect();
-    const rawDPR = window.devicePixelRatio || 1;
+    const rawDPR = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
     const devicePixelRatio = Math.min(rawDPR, performanceSettings.maxDPR);
     const newWidth = rect.width * devicePixelRatio;
     const newHeight = rect.height * devicePixelRatio;
@@ -91850,7 +91883,7 @@ var GeometricPatternsInternal = ({
     if (!canvas || !container)
       return;
     const rect = container.getBoundingClientRect();
-    const rawDPR = window.devicePixelRatio || 1;
+    const rawDPR = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
     const devicePixelRatio = Math.min(rawDPR, performanceSettings.maxDPR);
     canvas.width = rect.width * devicePixelRatio;
     canvas.height = rect.height * devicePixelRatio;
@@ -93815,7 +93848,11 @@ var GlowEffectInternal = ({
   const [isHovered, setIsHovered] = useState(false);
   const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
   const [flickerState, setFlickerState] = useState(true);
+  const [mounted, setMounted] = useState(false);
   useRef(void 0);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
   const isMobile = () => {
     return typeof window !== "undefined" && window.innerWidth <= 768;
   };
@@ -93983,6 +94020,20 @@ var GlowEffectInternal = ({
       animation: glow-rainbow ${duration}ms linear infinite;
     }
   `;
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "glow-effect-container",
+          "relative",
+          "inline-block",
+          containerClassName
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "glow-content relative", children })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: animationStyles } }),
     /* @__PURE__ */ jsxs(
@@ -94029,7 +94080,7 @@ var GlowEffectInternal = ({
                 clipPath: getClipPath(),
                 filter: customFilter || (animation === "rainbow" ? "hue-rotate(0deg)" : void 0),
                 background: gradient ? getGlowColor() : void 0,
-                opacity: gradient ? 0.5 : 1
+                opacity: gradient ? "0.5" : "1"
               }
             }
           ),
@@ -96861,6 +96912,35 @@ var ScrollReveal = (props) => {
   return /* @__PURE__ */ jsx(ScrollRevealInternal, { ...props });
 };
 ScrollReveal.displayName = "ScrollReveal";
+var getEasingValue = (t2, easing) => {
+  switch (easing) {
+    case "linear":
+      return t2;
+    case "ease":
+      return t2 < 0.5 ? 2 * t2 * t2 : -1 + (4 - 2 * t2) * t2;
+    case "ease-in":
+      return t2 * t2;
+    case "ease-out":
+      return t2 * (2 - t2);
+    case "bounce":
+      if (t2 < 0.363636) {
+        return 7.5625 * t2 * t2;
+      } else if (t2 < 0.727272) {
+        t2 -= 0.545454;
+        return 7.5625 * t2 * t2 + 0.75;
+      } else if (t2 < 0.90909) {
+        t2 -= 0.818181;
+        return 7.5625 * t2 * t2 + 0.9375;
+      } else {
+        t2 -= 0.954545;
+        return 7.5625 * t2 * t2 + 0.984375;
+      }
+    case "elastic":
+      return t2 === 0 || t2 === 1 ? t2 : -Math.pow(2, 10 * (t2 - 1)) * Math.sin((t2 - 1.1) * 5 * Math.PI);
+    default:
+      return t2;
+  }
+};
 var BounceEffectInternal = ({
   children,
   trigger = "hover",
@@ -96898,7 +96978,9 @@ var BounceEffectInternal = ({
 }) => {
   const elementRef = useRef(null);
   const animationRef = useRef(void 0);
-  const [isAnimating, setIsAnimating] = useState(false);
+  const isAnimatingRef = useRef(false);
+  const hasAutoTriggered = useRef(false);
+  const [animationState, setAnimationState] = useState(false);
   const [currentBounce, setCurrentBounce] = useState(0);
   const [position, setPosition] = useState({ x: 0, y: 0 });
   const [rotation, setRotation] = useState(0);
@@ -96906,39 +96988,10 @@ var BounceEffectInternal = ({
   const [squash, setSquash] = useState({ x: 1, y: 1 });
   useRef({ x: 0, y: 0 });
   const startTimeRef = useRef(0);
-  const getEasing = (t2) => {
-    switch (easing) {
-      case "linear":
-        return t2;
-      case "ease":
-        return t2 < 0.5 ? 2 * t2 * t2 : -1 + (4 - 2 * t2) * t2;
-      case "ease-in":
-        return t2 * t2;
-      case "ease-out":
-        return t2 * (2 - t2);
-      case "bounce":
-        if (t2 < 0.363636) {
-          return 7.5625 * t2 * t2;
-        } else if (t2 < 0.727272) {
-          t2 -= 0.545454;
-          return 7.5625 * t2 * t2 + 0.75;
-        } else if (t2 < 0.90909) {
-          t2 -= 0.818181;
-          return 7.5625 * t2 * t2 + 0.9375;
-        } else {
-          t2 -= 0.954545;
-          return 7.5625 * t2 * t2 + 0.984375;
-        }
-      case "elastic":
-        return t2 === 0 || t2 === 1 ? t2 : -Math.pow(2, 10 * (t2 - 1)) * Math.sin((t2 - 1.1) * 5 * Math.PI);
-      default:
-        return t2;
-    }
-  };
   const calculateBounce = useCallback((time) => {
     const elapsed = time - startTimeRef.current;
     const progress = Math.min(elapsed / duration, 1);
-    const easedProgress = getEasing(progress);
+    const easedProgress = getEasingValue(progress, easing);
     let x2 = 0, y = 0;
     switch (direction) {
       case "up":
@@ -96991,10 +97044,12 @@ var BounceEffectInternal = ({
       if (currentBounce >= bounces - 1) {
         if (infinite) {
           setTimeout(() => {
-            startAnimation();
+            setCurrentBounce(0);
+            startTimeRef.current = performance.now();
           }, pauseBetween);
         } else {
-          setIsAnimating(false);
+          isAnimatingRef.current = false;
+          setAnimationState(false);
           if (onBounceComplete)
             onBounceComplete();
         }
@@ -97020,6 +97075,7 @@ var BounceEffectInternal = ({
     squashAmount,
     jelly,
     jellyIntensity,
+    easing,
     currentBounce,
     position.y,
     infinite,
@@ -97027,15 +97083,16 @@ var BounceEffectInternal = ({
     onBounceComplete
   ]);
   const animate4 = useCallback((time) => {
-    if (!isAnimating)
+    if (!isAnimatingRef.current)
       return;
     calculateBounce(time);
     animationRef.current = requestAnimationFrame(animate4);
-  }, [isAnimating, calculateBounce]);
+  }, [calculateBounce]);
   const startAnimation = useCallback(() => {
-    if (isAnimating)
+    if (isAnimatingRef.current)
       return;
-    setIsAnimating(true);
+    isAnimatingRef.current = true;
+    setAnimationState(true);
     setCurrentBounce(0);
     startTimeRef.current = performance.now();
     if (onBounceStart)
@@ -97043,7 +97100,7 @@ var BounceEffectInternal = ({
     setTimeout(() => {
       animationRef.current = requestAnimationFrame(animate4);
     }, delay);
-  }, [delay, onBounceStart, animate4, isAnimating]);
+  }, [delay, onBounceStart, animate4]);
   const handleMouseEnter = () => {
     if (trigger === "hover")
       startAnimation();
@@ -97061,19 +97118,20 @@ var BounceEffectInternal = ({
         return;
       const rect = element.getBoundingClientRect();
       const inView = rect.top < window.innerHeight && rect.bottom > 0;
-      if (inView && !isAnimating) {
+      if (inView && !isAnimatingRef.current) {
         startAnimation();
       }
     };
     window.addEventListener("scroll", handleScroll);
     handleScroll();
     return () => window.removeEventListener("scroll", handleScroll);
-  }, [trigger, isAnimating, startAnimation]);
+  }, [trigger, startAnimation]);
   useEffect(() => {
-    if (trigger === "auto") {
+    if (trigger === "auto" && !hasAutoTriggered.current) {
+      hasAutoTriggered.current = true;
       startAnimation();
     }
-  }, [trigger, startAnimation]);
+  }, [trigger]);
   useEffect(() => {
     return () => {
       if (animationRef.current) {
@@ -97112,7 +97170,7 @@ var BounceEffectInternal = ({
       onMouseEnter: handleMouseEnter,
       onClick: handleClick2,
       children: [
-        trail && isAnimating && Array.from({ length: trailCount }).map((_2, i) => /* @__PURE__ */ jsx(
+        trail && animationState && Array.from({ length: trailCount }).map((_2, i) => /* @__PURE__ */ jsx(
           "div",
           {
             className: "absolute inset-0 pointer-events-none",
@@ -97164,449 +97222,50 @@ var BounceEffect = (props) => {
   return /* @__PURE__ */ jsx(BounceEffectInternal, { ...props });
 };
 BounceEffect.displayName = "BounceEffect";
-var SPRING_PRESETS = {
-  default: { tension: 0.4, friction: 0.3 },
-  gentle: { tension: 0.2, friction: 0.5 },
-  wobbly: { tension: 0.3, friction: 0.1 },
-  stiff: { tension: 0.8, friction: 0.5 },
-  slow: { tension: 0.2, friction: 0.8 },
-  molasses: { tension: 0.1, friction: 0.9 }
-};
-var SpringPhysicsInternal = ({
-  children,
-  tension = 0.4,
-  friction = 0.3,
-  mass = 1,
-  initialVelocity = { x: 0, y: 0 },
-  target = { x: 0, y: 0 },
-  trigger = "hover",
-  mouseTracking = false,
-  mouseRadius = 200,
-  preset = "default",
-  overshoot = true,
-  clamp: clamp3 = false,
-  precision = 0.01,
-  transform3d = false,
-  rotate = false,
-  rotationMultiplier = 1,
-  scale = false,
-  scaleRange = [0.9, 1.1],
-  skew = false,
-  skewIntensity = 10,
-  trail = false,
-  trailCount = 5,
-  trailDecay = 0.9,
-  boundaries = false,
-  boundaryBox = {},
-  multiSpring = false,
-  chainCount = 3,
-  chainDelay = 50,
-  oscillate = false,
-  oscillationFrequency = 2,
-  oscillationAmplitude = 10,
-  containerClassName,
-  springClassName,
-  onMotionStart,
-  onMotionComplete,
-  onSpringUpdate
-}) => {
-  const elementRef = useRef(null);
-  const animationRef = useRef(void 0);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
-  const [position, setPosition] = useState({ x: 0, y: 0 });
-  const [velocity, setVelocity] = useState(initialVelocity);
-  useState({ x: 0, y: 0 });
-  const [trailPositions, setTrailPositions] = useState([]);
-  const [chainPositions, setChainPositions] = useState([]);
-  const restPositionRef = useRef({ x: 0, y: 0 });
-  const dragStartRef = useRef({ x: 0, y: 0 });
-  const elementStartRef = useRef({ x: 0, y: 0 });
-  const timeRef = useRef(0);
-  const motionCompleteRef = useRef(false);
-  const getSpringConfig = () => {
-    if (preset !== "default") {
-      return SPRING_PRESETS[preset];
-    }
-    return { tension, friction };
-  };
-  const calculateSpringForce = useCallback((currentPos, targetPos, vel, config) => {
-    const dx = targetPos.x - currentPos.x;
-    const dy = targetPos.y - currentPos.y;
-    const springForceX = dx * config.tension;
-    const springForceY = dy * config.tension;
-    const dampingForceX = vel.x * config.friction;
-    const dampingForceY = vel.y * config.friction;
-    return {
-      x: springForceX - dampingForceX,
-      y: springForceY - dampingForceY
-    };
-  }, []);
-  const applyBoundaries = useCallback((pos) => {
-    if (!boundaries)
-      return pos;
-    const bounded = { ...pos };
-    const box = {
-      left: boundaryBox?.left ?? -100,
-      right: boundaryBox?.right ?? 100,
-      top: boundaryBox?.top ?? -100,
-      bottom: boundaryBox?.bottom ?? 100
-    };
-    if (bounded.x < box.left) {
-      bounded.x = box.left;
-      setVelocity((prev) => ({ ...prev, x: Math.abs(prev.x || 0) * 0.5 }));
-    }
-    if (bounded.x > box.right) {
-      bounded.x = box.right;
-      setVelocity((prev) => ({ ...prev, x: -Math.abs(prev.x || 0) * 0.5 }));
-    }
-    if (bounded.y < box.top) {
-      bounded.y = box.top;
-      setVelocity((prev) => ({ ...prev, y: Math.abs(prev.y || 0) * 0.5 }));
-    }
-    if (bounded.y > box.bottom) {
-      bounded.y = box.bottom;
-      setVelocity((prev) => ({ ...prev, y: -Math.abs(prev.y || 0) * 0.5 }));
-    }
-    return bounded;
-  }, [boundaries, boundaryBox]);
-  const updateSpring = useCallback((deltaTime) => {
-    const config = getSpringConfig();
-    let targetPos = { ...target };
-    if (oscillate) {
-      const time = timeRef.current * 1e-3;
-      targetPos.x = (targetPos.x || 0) + Math.sin(time * oscillationFrequency) * oscillationAmplitude;
-      targetPos.y = (targetPos.y || 0) + Math.cos(time * oscillationFrequency) * oscillationAmplitude;
-    }
-    const force = calculateSpringForce(position, { x: targetPos.x || 0, y: targetPos.y || 0 }, { x: velocity.x || 0, y: velocity.y || 0 }, config);
-    const newVelocity = {
-      x: (velocity.x || 0) + force.x / mass * deltaTime,
-      y: (velocity.y || 0) + force.y / mass * deltaTime
-    };
-    if (clamp3 && !overshoot) {
-      const distX = Math.abs((targetPos.x || 0) - position.x);
-      const distY = Math.abs((targetPos.y || 0) - position.y);
-      if (distX < 1)
-        newVelocity.x *= 0.8;
-      if (distY < 1)
-        newVelocity.y *= 0.8;
-    }
-    let newPosition = {
-      x: position.x + newVelocity.x * deltaTime,
-      y: position.y + newVelocity.y * deltaTime
-    };
-    newPosition = applyBoundaries(newPosition);
-    if (trail) {
-      setTrailPositions((prev) => {
-        const newTrail = [newPosition, ...prev.slice(0, trailCount - 1)];
-        return newTrail.map((pos, i) => ({
-          x: pos.x * Math.pow(trailDecay, i),
-          y: pos.y * Math.pow(trailDecay, i)
-        }));
-      });
-    }
-    if (multiSpring) {
-      setChainPositions((prev) => {
-        const newChain = [...prev];
-        for (let i = 0; i < chainCount; i++) {
-          const chainTarget = i === 0 ? newPosition : newChain[i - 1];
-          const chainConfig = {
-            tension: config.tension * (1 - i * 0.1),
-            friction: config.friction * (1 + i * 0.1)
-          };
-          const chainForce = calculateSpringForce(
-            newChain[i] || { x: 0, y: 0 },
-            chainTarget,
-            { x: 0, y: 0 },
-            chainConfig
-          );
-          newChain[i] = {
-            x: (newChain[i]?.x ?? 0) + chainForce.x * deltaTime,
-            y: (newChain[i]?.y ?? 0) + chainForce.y * deltaTime
-          };
-        }
-        return newChain;
-      });
-    }
-    const isComplete = Math.abs(newVelocity.x) < precision && Math.abs(newVelocity.y) < precision && Math.abs(newPosition.x - (targetPos.x || 0)) < precision && Math.abs(newPosition.y - (targetPos.y || 0)) < precision;
-    if (isComplete && !motionCompleteRef.current) {
-      motionCompleteRef.current = true;
-      onMotionComplete?.();
-    } else if (!isComplete && motionCompleteRef.current) {
-      motionCompleteRef.current = false;
-    }
-    setPosition(newPosition);
-    setVelocity(newVelocity);
-    onSpringUpdate?.(newPosition);
-    return !isComplete;
-  }, [
-    position,
-    velocity,
-    target,
-    mass,
-    precision,
-    overshoot,
-    clamp3,
-    trail,
-    trailCount,
-    trailDecay,
-    multiSpring,
-    chainCount,
-    oscillate,
-    oscillationFrequency,
-    oscillationAmplitude,
-    calculateSpringForce,
-    applyBoundaries,
-    onMotionComplete,
-    onSpringUpdate
-  ]);
-  const animate4 = useCallback((timestamp) => {
-    if (!isAnimating)
-      return;
-    const deltaTime = Math.min((timestamp - timeRef.current) / 1e3, 0.1) || 0.016;
-    timeRef.current = timestamp;
-    const shouldContinue = updateSpring(deltaTime);
-    if (shouldContinue || isDragging) {
-      animationRef.current = requestAnimationFrame(animate4);
-    } else {
-      setIsAnimating(false);
-    }
-  }, [isAnimating, isDragging, updateSpring]);
-  const startAnimation = useCallback((targetPos) => {
-    setIsAnimating(true);
-    motionCompleteRef.current = false;
-    if (targetPos) {
-      restPositionRef.current = targetPos;
-    }
-    onMotionStart?.();
-    timeRef.current = performance.now();
-    animationRef.current = requestAnimationFrame(animate4);
-  }, [animate4, onMotionStart]);
-  const handleMouseMove2 = useCallback((e) => {
-    if (!mouseTracking || !elementRef.current)
-      return;
-    const rect = elementRef.current.getBoundingClientRect();
-    const centerX = rect.left + rect.width / 2;
-    const centerY = rect.top + rect.height / 2;
-    const dx = e.clientX - centerX;
-    const dy = e.clientY - centerY;
-    const distance = Math.sqrt(dx * dx + dy * dy);
-    if (distance < mouseRadius) {
-      const influence = 1 - distance / mouseRadius;
-      const targetX = dx * influence * 0.5;
-      const targetY = dy * influence * 0.5;
-      restPositionRef.current = { x: targetX, y: targetY };
-      if (!isAnimating) {
-        startAnimation({ x: targetX, y: targetY });
-      }
-    }
-  }, [mouseTracking, mouseRadius, isAnimating, startAnimation]);
-  const handleMouseDown3 = useCallback((e) => {
-    if (trigger !== "drag")
-      return;
-    setIsDragging(true);
-    dragStartRef.current = { x: e.clientX, y: e.clientY };
-    elementStartRef.current = { ...position };
-    e.preventDefault();
-  }, [trigger, position]);
-  const handleMouseMoveOnDrag = useCallback((e) => {
-    if (!isDragging)
-      return;
-    const dx = e.clientX - dragStartRef.current.x;
-    const dy = e.clientY - dragStartRef.current.y;
-    setPosition({
-      x: elementStartRef.current.x + dx,
-      y: elementStartRef.current.y + dy
-    });
-  }, [isDragging]);
-  const handleMouseUp = useCallback(() => {
-    if (!isDragging)
-      return;
-    setIsDragging(false);
-    startAnimation({ x: 0, y: 0 });
-  }, [isDragging, startAnimation]);
-  const handleMouseEnter = () => {
-    if (trigger === "hover") {
-      startAnimation({ x: 20, y: -10 });
-    }
-  };
-  const handleMouseLeave2 = () => {
-    if (trigger === "hover") {
-      startAnimation({ x: 0, y: 0 });
-    }
-  };
-  const handleClick2 = () => {
-    if (trigger === "click") {
-      const targetX = (Math.random() - 0.5) * 100;
-      const targetY = (Math.random() - 0.5) * 100;
-      startAnimation({ x: targetX, y: targetY });
-      setTimeout(() => {
-        startAnimation({ x: 0, y: 0 });
-      }, 1e3);
-    }
-  };
-  useEffect(() => {
-    if (trigger !== "scroll")
-      return;
-    const handleScroll = () => {
-      const scrollY = window.scrollY;
-      const targetY = Math.sin(scrollY * 0.01) * 50;
-      restPositionRef.current = { x: 0, y: targetY };
-      if (!isAnimating) {
-        startAnimation({ x: 0, y: targetY });
-      }
-    };
-    window.addEventListener("scroll", handleScroll);
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [trigger, isAnimating, startAnimation]);
-  useEffect(() => {
-    if (trigger === "auto") {
-      startAnimation({ x: target?.x || 0, y: target?.y || 0 });
-    }
-  }, [trigger, target, startAnimation]);
-  useEffect(() => {
-    if (trigger === "drag") {
-      window.addEventListener("mousemove", handleMouseMoveOnDrag);
-      window.addEventListener("mouseup", handleMouseUp);
-      return () => {
-        window.removeEventListener("mousemove", handleMouseMoveOnDrag);
-        window.removeEventListener("mouseup", handleMouseUp);
-      };
-    }
-  }, [trigger, handleMouseMoveOnDrag, handleMouseUp]);
-  useEffect(() => {
-    if (mouseTracking) {
-      window.addEventListener("mousemove", handleMouseMove2);
-      return () => window.removeEventListener("mousemove", handleMouseMove2);
-    }
-  }, [mouseTracking, handleMouseMove2]);
-  useEffect(() => {
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, []);
-  const getTransformStyle = (pos = position) => {
-    const transforms = [];
-    if (transform3d) {
-      transforms.push(`translate3d(${pos.x}px, ${pos.y}px, 0)`);
-    } else {
-      transforms.push(`translateX(${pos.x}px) translateY(${pos.y}px)`);
-    }
-    if (rotate) {
-      const rotation = pos.x / 10 * rotationMultiplier;
-      transforms.push(`rotate(${rotation}deg)`);
-    }
-    if (scale) {
-      const distance = Math.sqrt(pos.x * pos.x + pos.y * pos.y);
-      const scaleValue = scaleRange[0] + distance / 100 * (scaleRange[1] - scaleRange[0]);
-      transforms.push(`scale(${Math.min(Math.max(scaleValue, scaleRange[0]), scaleRange[1])})`);
-    }
-    if (skew) {
-      const skewX = (velocity.x || 0) / 10 * skewIntensity;
-      const skewY = (velocity.y || 0) / 10 * skewIntensity;
-      transforms.push(`skewX(${skewX}deg) skewY(${skewY}deg)`);
-    }
-    return transforms.join(" ");
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: elementRef,
-      className: cn(
-        "spring-physics-container",
-        "relative",
-        "inline-block",
-        containerClassName
-      ),
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave2,
-      onMouseDown: handleMouseDown3,
-      onClick: handleClick2,
-      style: {
-        cursor: trigger === "drag" ? "grab" : void 0
-      },
-      children: [
-        trail && trailPositions.map((pos, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute inset-0 pointer-events-none",
-            style: {
-              transform: getTransformStyle(pos),
-              opacity: 1 - i / trailCount,
-              filter: `blur(${i * 0.5}px)`
-            },
-            children: React71__default.isValidElement(children) && React71__default.cloneElement(children, {
-              style: { opacity: 0.3 }
-            })
-          },
-          i
-        )),
-        multiSpring && chainPositions.map((pos, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute inset-0 pointer-events-none",
-            style: {
-              transform: getTransformStyle(pos),
-              opacity: 1 - i / chainCount * 0.5,
-              transitionDelay: `${i * chainDelay}ms`
-            },
-            children: React71__default.isValidElement(children) && React71__default.cloneElement(children, {
-              style: {
-                opacity: 0.5,
-                transform: `scale(${1 - i * 0.1})`
-              }
-            })
-          },
-          `chain-${i}`
-        )),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "spring-element",
-              isDragging && "cursor-grabbing",
-              springClassName
-            ),
-            style: {
-              transform: getTransformStyle(),
-              willChange: "transform",
-              transformOrigin: "center center"
-            },
-            children
-          }
-        )
-      ]
-    }
-  );
-};
-var SpringPhysics = (props) => {
-  const { hasProAccess, isLoading } = useSubscription();
-  if (!isLoading && !hasProAccess) {
-    return /* @__PURE__ */ jsx(
-      ProLockScreen,
-      {
-        componentName: "SpringPhysics",
-        compact: true,
-        className: "inline-block"
+var getEasingValue2 = (t2, easing) => {
+  switch (easing) {
+    case "linear":
+      return t2;
+    case "ease-in":
+      return t2 * t2;
+    case "ease-out":
+      return t2 * (2 - t2);
+    case "ease-in-out":
+      return t2 < 0.5 ? 2 * t2 * t2 : -1 + (4 - 2 * t2) * t2;
+    case "elastic":
+      if (t2 === 0 || t2 === 1)
+        return t2;
+      const p = 0.3;
+      const s = p / 4;
+      return Math.pow(2, -10 * t2) * Math.sin((t2 - s) * (2 * Math.PI) / p) + 1;
+    case "bounce":
+      if (t2 < 0.363636) {
+        return 7.5625 * t2 * t2;
+      } else if (t2 < 0.727272) {
+        t2 -= 0.545454;
+        return 7.5625 * t2 * t2 + 0.75;
+      } else if (t2 < 0.90909) {
+        t2 -= 0.818181;
+        return 7.5625 * t2 * t2 + 0.9375;
+      } else {
+        t2 -= 0.954545;
+        return 7.5625 * t2 * t2 + 0.984375;
       }
-    );
+    default:
+      return t2;
   }
-  return /* @__PURE__ */ jsx(SpringPhysicsInternal, { ...props });
 };
-SpringPhysics.displayName = "SpringPhysics";
 var ElasticAnimationInternal = ({
   children,
   trigger = "hover",
   elasticity = 0.8,
-  damping = 0.15,
-  duration = 1e3,
+  damping = 0.18,
+  duration = 1200,
   delay = 0,
   direction = "both",
   distance = 50,
   oscillate = true,
-  oscillationCount = 3,
+  oscillationCount = 2,
   rubberBand = false,
   rubberBandIntensity = 1.5,
   jello = false,
@@ -97639,7 +97298,10 @@ var ElasticAnimationInternal = ({
 }) => {
   const elementRef = useRef(null);
   const animationRef = useRef(void 0);
-  const [isAnimating, setIsAnimating] = useState(false);
+  const isAnimatingRef = useRef(false);
+  const hasAutoTriggered = useRef(false);
+  const [animationState, setAnimationState] = useState(false);
+  const [isResetting, setIsResetting] = useState(false);
   const [currentTransform, setCurrentTransform] = useState({
     x: 0,
     y: 0,
@@ -97651,41 +97313,8 @@ var ElasticAnimationInternal = ({
   const [morphIndex, setMorphIndex] = useState(0);
   const startTimeRef = useRef(0);
   const animationPhaseRef = useRef("main");
-  const getEasingValue = (t2) => {
-    switch (easing) {
-      case "linear":
-        return t2;
-      case "ease-in":
-        return t2 * t2;
-      case "ease-out":
-        return t2 * (2 - t2);
-      case "ease-in-out":
-        return t2 < 0.5 ? 2 * t2 * t2 : -1 + (4 - 2 * t2) * t2;
-      case "elastic":
-        if (t2 === 0 || t2 === 1)
-          return t2;
-        const p = 0.3;
-        const s = p / 4;
-        return Math.pow(2, -10 * t2) * Math.sin((t2 - s) * (2 * Math.PI) / p) + 1;
-      case "bounce":
-        if (t2 < 0.363636) {
-          return 7.5625 * t2 * t2;
-        } else if (t2 < 0.727272) {
-          t2 -= 0.545454;
-          return 7.5625 * t2 * t2 + 0.75;
-        } else if (t2 < 0.90909) {
-          t2 -= 0.818181;
-          return 7.5625 * t2 * t2 + 0.9375;
-        } else {
-          t2 -= 0.954545;
-          return 7.5625 * t2 * t2 + 0.984375;
-        }
-      default:
-        return t2;
-    }
-  };
   const calculateElasticMotion = useCallback((progress) => {
-    const elasticProgress = getEasingValue(progress);
+    const elasticProgress = getEasingValue2(progress, easing);
     let x2 = 0, y = 0, scale = 1, rotate = 0, skewX = 0, skewY = 0;
     if (direction === "horizontal" || direction === "both") {
       x2 = distance * elasticProgress * Math.cos(progress * Math.PI * 2 * oscillationCount);
@@ -97761,6 +97390,7 @@ var ElasticAnimationInternal = ({
     }
     return { x: x2, y, scale, rotate, skewX, skewY };
   }, [
+    easing,
     direction,
     distance,
     oscillate,
@@ -97789,7 +97419,7 @@ var ElasticAnimationInternal = ({
     shakeIntensity
   ]);
   const animate4 = useCallback((timestamp) => {
-    if (!isAnimating)
+    if (!isAnimatingRef.current)
       return;
     const elapsed = timestamp - startTimeRef.current;
     let progress = Math.min(elapsed / duration, 1);
@@ -97816,14 +97446,18 @@ var ElasticAnimationInternal = ({
         }
         animationRef.current = requestAnimationFrame(animate4);
       } else {
-        setIsAnimating(false);
+        isAnimatingRef.current = false;
+        setAnimationState(false);
+        setIsResetting(true);
         setCurrentTransform({ x: 0, y: 0, scale: 1, rotate: 0, skewX: 0, skewY: 0 });
-        if (onAnimationComplete)
-          onAnimationComplete();
+        setTimeout(() => {
+          setIsResetting(false);
+          if (onAnimationComplete)
+            onAnimationComplete();
+        }, 300);
       }
     }
   }, [
-    isAnimating,
     duration,
     anticipation,
     followThrough,
@@ -97833,9 +97467,10 @@ var ElasticAnimationInternal = ({
     onAnimationComplete
   ]);
   const startAnimation = useCallback(() => {
-    if (isAnimating && trigger !== "continuous")
+    if (isAnimatingRef.current && trigger !== "continuous")
       return;
-    setIsAnimating(true);
+    isAnimatingRef.current = true;
+    setAnimationState(true);
     startTimeRef.current = performance.now();
     animationPhaseRef.current = anticipation ? "anticipation" : "main";
     if (onAnimationStart)
@@ -97852,7 +97487,6 @@ var ElasticAnimationInternal = ({
       }, secondaryDelay);
     }
   }, [
-    isAnimating,
     trigger,
     delay,
     anticipation,
@@ -97866,8 +97500,10 @@ var ElasticAnimationInternal = ({
       startAnimation();
   };
   const handleMouseLeave2 = () => {
-    if (trigger === "hover" && !isAnimating) {
+    if (trigger === "hover" && !isAnimatingRef.current) {
+      setIsResetting(true);
       setCurrentTransform({ x: 0, y: 0, scale: 1, rotate: 0, skewX: 0, skewY: 0 });
+      setTimeout(() => setIsResetting(false), 300);
     }
   };
   const handleClick2 = () => {
@@ -97883,16 +97519,17 @@ var ElasticAnimationInternal = ({
         return;
       const rect = element.getBoundingClientRect();
       const inView = rect.top < window.innerHeight && rect.bottom > 0;
-      if (inView && !isAnimating) {
+      if (inView && !isAnimatingRef.current) {
         startAnimation();
       }
     };
     window.addEventListener("scroll", handleScroll);
     handleScroll();
     return () => window.removeEventListener("scroll", handleScroll);
-  }, [trigger, isAnimating, startAnimation]);
+  }, [trigger, startAnimation]);
   useEffect(() => {
-    if (trigger === "auto" || trigger === "continuous") {
+    if ((trigger === "auto" || trigger === "continuous") && !hasAutoTriggered.current) {
+      hasAutoTriggered.current = true;
       startAnimation();
     }
   }, [trigger, startAnimation]);
@@ -97944,7 +97581,8 @@ var ElasticAnimationInternal = ({
             transform: getTransformStyle(),
             transformOrigin: "center center",
             willChange: "transform",
-            backfaceVisibility: "hidden"
+            backfaceVisibility: "hidden",
+            transition: isResetting ? "transform 0.3s ease-out" : "none"
           },
           children
         }
@@ -98022,6 +97660,7 @@ var PathAnimationsInternal = ({
   const pathRef = useRef(null);
   const elementRef = useRef(null);
   const animationRef = useRef(void 0);
+  const isAnimatingRef = useRef(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [currentPath, setCurrentPath] = useState("");
   const [pathLength, setPathLength] = useState(0);
@@ -98053,7 +97692,7 @@ var PathAnimationsInternal = ({
       svgRef.current.removeChild(tempPath);
     }
   }, [getPathString]);
-  const getEasingValue = (t2) => {
+  const getEasingValue3 = (t2) => {
     switch (easing) {
       case "linear":
         return t2;
@@ -98110,11 +97749,11 @@ var PathAnimationsInternal = ({
     requestAnimationFrame(animateMorph);
   }, [morph, morphPaths, morphIndex, currentPath, morphDuration]);
   const animate4 = useCallback((timestamp) => {
-    if (!isAnimating)
+    if (!isAnimatingRef.current)
       return;
     const elapsed = timestamp - startTimeRef.current + pausedTimeRef.current;
     let progress = Math.min(elapsed / duration, 1);
-    progress = getEasingValue(progress);
+    progress = getEasingValue3(progress);
     const pathPosition = calculatePathPosition(progress);
     setPosition({ x: pathPosition.x, y: pathPosition.y });
     setRotation(pathPosition.angle);
@@ -98171,7 +97810,6 @@ var PathAnimationsInternal = ({
       animationRef.current = requestAnimationFrame(animate4);
     }
   }, [
-    isAnimating,
     duration,
     calculatePathPosition,
     scaleAnimation,
@@ -98193,8 +97831,9 @@ var PathAnimationsInternal = ({
     onAnimationComplete
   ]);
   const startAnimation = useCallback(() => {
-    if (isAnimating)
+    if (isAnimatingRef.current)
       return;
+    isAnimatingRef.current = true;
     setIsAnimating(true);
     setCurrentLoop(0);
     startTimeRef.current = performance.now();
@@ -98203,8 +97842,9 @@ var PathAnimationsInternal = ({
     setTimeout(() => {
       animationRef.current = requestAnimationFrame(animate4);
     }, delay);
-  }, [isAnimating, delay, animate4, onAnimationStart]);
+  }, [delay, animate4, onAnimationStart]);
   const stopAnimation = useCallback(() => {
+    isAnimatingRef.current = false;
     setIsAnimating(false);
     if (animationRef.current) {
       cancelAnimationFrame(animationRef.current);
@@ -98248,9 +97888,10 @@ var PathAnimationsInternal = ({
     if (trigger === "auto") {
       startAnimation();
     }
-  }, [trigger, startAnimation]);
+  }, [trigger]);
   useEffect(() => {
     return () => {
+      isAnimatingRef.current = false;
       if (animationRef.current) {
         cancelAnimationFrame(animationRef.current);
       }
@@ -98393,6 +98034,9 @@ var PathAnimations = (props) => {
 PathAnimations.displayName = "PathAnimations";
 var SVGAnimationsInternal = ({
   children,
+  viewBox = "0 0 200 200",
+  width = "100%",
+  height = "100%",
   type = "draw",
   duration = 2e3,
   delay = 0,
@@ -98461,8 +98105,25 @@ var SVGAnimationsInternal = ({
   onAnimationComplete,
   onFrame
 }) => {
+  const mergedTransformOptions = {
+    scale: [1, 1],
+    rotate: 0,
+    translate: [0, 0],
+    skew: [0, 0],
+    transformOrigin: "center",
+    ...transformOptions
+  };
+  const mergedFilterOptions = {
+    blur: [0, 0],
+    brightness: [1, 1],
+    contrast: [1, 1],
+    saturate: [1, 1],
+    hueRotate: [0, 0],
+    ...filterOptions
+  };
   const svgRef = useRef(null);
   const animationRef = useRef(void 0);
+  const isAnimatingRef = useRef(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [paths, setPaths] = useState([]);
   const [currentMorphIndex, setCurrentMorphIndex] = useState(0);
@@ -98488,7 +98149,7 @@ var SVGAnimationsInternal = ({
       });
     }
   }, [type, drawOptions.fadeIn]);
-  const getEasingValue = (t2) => {
+  const getEasingValue3 = (t2) => {
     switch (easing) {
       case "linear":
         return t2;
@@ -98586,21 +98247,21 @@ var SVGAnimationsInternal = ({
       const offset4 = strokeOptions.strokeDashoffset * (1 - progress);
       path.style.strokeDashoffset = `${offset4}`;
       if (strokeOptions.animateWidth) {
-        const width = strokeOptions.strokeWidth * progress;
-        path.style.strokeWidth = `${width}`;
+        const width2 = strokeOptions.strokeWidth * progress;
+        path.style.strokeWidth = `${width2}`;
       }
       path.style.stroke = strokeOptions.strokeColor;
     });
   }, [paths, strokeOptions]);
   const animateTransform = useCallback((progress) => {
-    const easedProgress = getEasingValue(progress);
-    const scaleX = transformOptions.scale[0] + (1 - transformOptions.scale[0]) * easedProgress;
-    const scaleY = transformOptions.scale[1] + (1 - transformOptions.scale[1]) * easedProgress;
-    const rotate = transformOptions.rotate * easedProgress;
-    const translateX = transformOptions.translate[0] * easedProgress;
-    const translateY = transformOptions.translate[1] * easedProgress;
-    const skewX = transformOptions.skew[0] * easedProgress;
-    const skewY = transformOptions.skew[1] * easedProgress;
+    const easedProgress = getEasingValue3(progress);
+    const scaleX = mergedTransformOptions.scale[0] + (1 - mergedTransformOptions.scale[0]) * easedProgress;
+    const scaleY = mergedTransformOptions.scale[1] + (1 - mergedTransformOptions.scale[1]) * easedProgress;
+    const rotate = mergedTransformOptions.rotate * easedProgress;
+    const translateX = mergedTransformOptions.translate[0] * easedProgress;
+    const translateY = mergedTransformOptions.translate[1] * easedProgress;
+    const skewX = mergedTransformOptions.skew[0] * easedProgress;
+    const skewY = mergedTransformOptions.skew[1] * easedProgress;
     const transform = `
       translate(${translateX}px, ${translateY}px)
       scale(${scaleX}, ${scaleY})
@@ -98609,18 +98270,18 @@ var SVGAnimationsInternal = ({
       skewY(${skewY}deg)
     `;
     if (svgRef.current) {
-      svgRef.current.style.transformOrigin = transformOptions.transformOrigin;
+      svgRef.current.style.transformOrigin = mergedTransformOptions.transformOrigin;
       svgRef.current.style.transform = transform;
     }
-  }, [transformOptions]);
+  }, [mergedTransformOptions]);
   const animateFilter = useCallback((progress) => {
     if (!svgRef.current)
       return;
-    const blur2 = filterOptions.blur[0] + (filterOptions.blur[1] - filterOptions.blur[0]) * progress;
-    const brightness = filterOptions.brightness[0] + (filterOptions.brightness[1] - filterOptions.brightness[0]) * progress;
-    const contrast = filterOptions.contrast[0] + (filterOptions.contrast[1] - filterOptions.contrast[0]) * progress;
-    const saturate = filterOptions.saturate[0] + (filterOptions.saturate[1] - filterOptions.saturate[0]) * progress;
-    const hueRotate = filterOptions.hueRotate[0] + (filterOptions.hueRotate[1] - filterOptions.hueRotate[0]) * progress;
+    const blur2 = mergedFilterOptions.blur[0] + (mergedFilterOptions.blur[1] - mergedFilterOptions.blur[0]) * progress;
+    const brightness = mergedFilterOptions.brightness[0] + (mergedFilterOptions.brightness[1] - mergedFilterOptions.brightness[0]) * progress;
+    const contrast = mergedFilterOptions.contrast[0] + (mergedFilterOptions.contrast[1] - mergedFilterOptions.contrast[0]) * progress;
+    const saturate = mergedFilterOptions.saturate[0] + (mergedFilterOptions.saturate[1] - mergedFilterOptions.saturate[0]) * progress;
+    const hueRotate = mergedFilterOptions.hueRotate[0] + (mergedFilterOptions.hueRotate[1] - mergedFilterOptions.hueRotate[0]) * progress;
     const filter = `
       blur(${blur2}px)
       brightness(${brightness})
@@ -98629,13 +98290,13 @@ var SVGAnimationsInternal = ({
       hue-rotate(${hueRotate}deg)
     `;
     svgRef.current.style.filter = filter;
-  }, [filterOptions]);
+  }, [mergedFilterOptions]);
   const animate4 = useCallback((timestamp) => {
-    if (!isAnimating)
+    if (!isAnimatingRef.current)
       return;
     const elapsed = timestamp - startTimeRef.current;
     let progress = Math.min(elapsed / duration, 1);
-    progress = getEasingValue(progress);
+    progress = getEasingValue3(progress);
     setAnimationProgress(progress);
     switch (type) {
       case "draw":
@@ -98666,6 +98327,7 @@ var SVGAnimationsInternal = ({
         startTimeRef.current = timestamp;
         animationRef.current = requestAnimationFrame(animate4);
       } else {
+        isAnimatingRef.current = false;
         setIsAnimating(false);
         if (onAnimationComplete)
           onAnimationComplete();
@@ -98674,7 +98336,6 @@ var SVGAnimationsInternal = ({
       animationRef.current = requestAnimationFrame(animate4);
     }
   }, [
-    isAnimating,
     duration,
     type,
     loop,
@@ -98690,8 +98351,10 @@ var SVGAnimationsInternal = ({
     onAnimationComplete
   ]);
   const startAnimation = useCallback(() => {
-    if (isAnimating)
-      return;
+    if (animationRef.current) {
+      cancelAnimationFrame(animationRef.current);
+    }
+    isAnimatingRef.current = true;
     setIsAnimating(true);
     setCurrentLoop(0);
     startTimeRef.current = performance.now();
@@ -98700,8 +98363,9 @@ var SVGAnimationsInternal = ({
     setTimeout(() => {
       animationRef.current = requestAnimationFrame(animate4);
     }, delay);
-  }, [isAnimating, delay, animate4, onAnimationStart]);
+  }, [delay, animate4, onAnimationStart]);
   const stopAnimation = useCallback(() => {
+    isAnimatingRef.current = false;
     setIsAnimating(false);
     if (animationRef.current) {
       cancelAnimationFrame(animationRef.current);
@@ -98745,12 +98409,13 @@ var SVGAnimationsInternal = ({
     if (autoPlay && trigger === "auto") {
       startAnimation();
     }
-  }, [autoPlay, trigger, startAnimation]);
+  }, [autoPlay, trigger]);
   useEffect(() => {
     return () => {
       if (animationRef.current) {
         cancelAnimationFrame(animationRef.current);
       }
+      isAnimatingRef.current = false;
     };
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -98770,6 +98435,9 @@ var SVGAnimationsInternal = ({
           "svg",
           {
             ref: svgRef,
+            viewBox,
+            width,
+            height,
             className: cn(
               "svg-animated",
               svgClassName
@@ -98858,7 +98526,9 @@ var FadeTransitionsInternal = ({
 }) => {
   const containerRef = useRef(null);
   const [isVisible, setIsVisible] = useState(controlledVisible ?? false);
-  const [isAnimating, setIsAnimating] = useState(false);
+  const isAnimatingRef = useRef(false);
+  const hasAutoTriggered = useRef(false);
+  const [animationState, setAnimationState] = useState(false);
   const [currentLoop, setCurrentLoop] = useState(0);
   const [childrenArray, setChildrenArray] = useState([]);
   const observerRef = useRef(void 0);
@@ -98963,7 +98633,7 @@ var FadeTransitionsInternal = ({
       filter: type === "blur-fade" && !visible ? `blur(${blurAmount}px)` : "none",
       willChange: "transform, opacity, filter"
     };
-    if (glow && isAnimating) {
+    if (glow && animationState) {
       styles.boxShadow = `0 0 ${glowIntensity}px ${glowColor}`;
     }
     if (mask) {
@@ -98991,9 +98661,10 @@ var FadeTransitionsInternal = ({
     return styles;
   };
   const handleVisibilityChange = useCallback((visible) => {
-    if (isAnimating)
+    if (isAnimatingRef.current)
       return;
-    setIsAnimating(true);
+    isAnimatingRef.current = true;
+    setAnimationState(true);
     setIsVisible(visible);
     if (onTransitionStart)
       onTransitionStart();
@@ -99003,7 +98674,8 @@ var FadeTransitionsInternal = ({
     animationTimeoutsRef.current = [];
     const totalDuration = duration + (staggered ? (childrenArray.length - 1) * stagger : 0) + delay;
     const completeTimeout = setTimeout(() => {
-      setIsAnimating(false);
+      isAnimatingRef.current = false;
+      setAnimationState(false);
       if (onTransitionComplete)
         onTransitionComplete();
       if (loop && visible) {
@@ -99011,15 +98683,15 @@ var FadeTransitionsInternal = ({
           setCurrentLoop((prev) => prev + 1);
           if (reverseOnExit) {
             setTimeout(() => {
-              handleVisibilityChange(false);
+              setIsVisible(false);
               setTimeout(() => {
-                handleVisibilityChange(true);
+                setIsVisible(true);
               }, totalDuration);
             }, 1e3);
           } else {
             setIsVisible(false);
             setTimeout(() => {
-              handleVisibilityChange(true);
+              setIsVisible(true);
             }, 100);
           }
         }
@@ -99027,7 +98699,6 @@ var FadeTransitionsInternal = ({
     }, totalDuration);
     animationTimeoutsRef.current.push(completeTimeout);
   }, [
-    isAnimating,
     duration,
     delay,
     stagger,
@@ -99056,19 +98727,20 @@ var FadeTransitionsInternal = ({
       handleVisibilityChange(!isVisible);
     }
   };
+  const observerCallback = useCallback((entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting && !isVisible) {
+        handleVisibilityChange(true);
+      } else if (!entry.isIntersecting && reverseOnExit && isVisible) {
+        handleVisibilityChange(false);
+      }
+    });
+  }, [isVisible, reverseOnExit, handleVisibilityChange]);
   useEffect(() => {
     if (trigger !== "scroll" || !containerRef.current)
       return;
     observerRef.current = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting && !isVisible) {
-            handleVisibilityChange(true);
-          } else if (!entry.isIntersecting && reverseOnExit && isVisible) {
-            handleVisibilityChange(false);
-          }
-        });
-      },
+      observerCallback,
       {
         threshold
       }
@@ -99079,17 +98751,18 @@ var FadeTransitionsInternal = ({
         observerRef.current.disconnect();
       }
     };
-  }, [trigger, threshold, isVisible, reverseOnExit, handleVisibilityChange]);
+  }, [trigger, threshold, observerCallback]);
   useEffect(() => {
     if (controlledVisible !== void 0) {
       handleVisibilityChange(controlledVisible);
     }
-  }, [controlledVisible]);
+  }, [controlledVisible, handleVisibilityChange]);
   useEffect(() => {
-    if (trigger === "auto" && !controlledVisible) {
+    if (trigger === "auto" && !hasAutoTriggered.current && !controlledVisible) {
+      hasAutoTriggered.current = true;
       handleVisibilityChange(true);
     }
-  }, [trigger]);
+  }, [trigger, controlledVisible, handleVisibilityChange]);
   useEffect(() => {
     return () => {
       animationTimeoutsRef.current.forEach((timeout) => clearTimeout(timeout));
@@ -99776,25 +99449,64 @@ var SwipeActionsInternal = ({
           swipeDirection === "up" && "justify-end pb-4 flex-col"
         ),
         style: { backgroundColor: activeAction.backgroundColor },
-        children: actions.map((action, index2) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-center rounded-lg transition-all duration-200",
-              isHorizontal ? "mr-2 last:mr-0" : "mb-2 last:mb-0",
-              action === activeAction && "scale-110"
-            ),
-            style: {
-              width: actionSize,
-              height: actionSize,
-              backgroundColor: action.color,
-              marginRight: isHorizontal ? actionSpacing : 0,
-              marginBottom: isHorizontal ? 0 : actionSpacing
+        children: actions.map((action, index2) => {
+          const getTextColor = (bgColor) => {
+            if (!bgColor)
+              return "text-gray-900 dark:text-gray-100";
+            const hexToRgb = (hex) => {
+              hex = hex.replace(/^#/, "");
+              if (hex.length === 3) {
+                hex = hex.split("").map((char) => char + char).join("");
+              }
+              if (hex.length === 6) {
+                const r3 = parseInt(hex.substring(0, 2), 16);
+                const g2 = parseInt(hex.substring(2, 4), 16);
+                const b2 = parseInt(hex.substring(4, 6), 16);
+                return [r3, g2, b2];
+              }
+              return null;
+            };
+            const getLuminance = (r3, g2, b2) => {
+              const [rs, gs, bs] = [r3, g2, b2].map((val) => {
+                val = val / 255;
+                return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
+              });
+              return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+            };
+            const rgb = hexToRgb(bgColor.toLowerCase());
+            if (!rgb) {
+              return "text-gray-900 dark:text-gray-100";
+            }
+            const [r2, g, b] = rgb;
+            const luminance = getLuminance(r2, g, b);
+            if (luminance > 0.5) {
+              return "text-gray-900 dark:text-gray-800";
+            } else {
+              return "text-white dark:text-gray-100";
+            }
+          };
+          const textColorClass = getTextColor(action.color);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2 px-4 py-2 rounded-lg transition-all duration-200",
+                isHorizontal ? "mr-2 last:mr-0 flex-row" : "mb-2 last:mb-0 flex-col",
+                action === activeAction && "scale-110"
+              ),
+              style: {
+                backgroundColor: action.color,
+                marginRight: isHorizontal ? actionSpacing : 0,
+                marginBottom: isHorizontal ? 0 : actionSpacing
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: textColorClass, children: action.icon }),
+                action.label && /* @__PURE__ */ jsx("span", { className: cn("font-medium text-sm whitespace-nowrap", textColorClass), children: action.label })
+              ]
             },
-            children: action.icon
-          },
-          action.id
-        ))
+            action.id
+          );
+        })
       }
     );
   };
@@ -99857,6 +99569,7 @@ var SwipeActions = (props) => {
   }
   return /* @__PURE__ */ jsx(SwipeActionsInternal, { ...props });
 };
+SwipeActions.displayName = "SwipeActions";
 var ClickAnimationsInternal = ({
   children,
   className,
@@ -100145,6 +99858,13 @@ var ClickAnimationsInternal = ({
     const easedProgress = getEasingFunction(config.easing, progress);
     const intensity2 = config.intensity;
     switch (type) {
+      case "ripple":
+        const rippleScale = 1 + easedProgress * intensity2 * 0.05;
+        const rippleOpacity = 1 - easedProgress * 0.2;
+        return {
+          transform: `scale(${rippleScale})`,
+          opacity: rippleOpacity
+        };
       case "scale":
         const scale = 1 + easedProgress * intensity2 * 0.1;
         return { transform: `scale(${scale})` };
@@ -100167,6 +99887,12 @@ var ClickAnimationsInternal = ({
           opacity: pulseOpacity,
           transform: `scale(${pulseScale})`
         };
+      case "wave":
+        const waveRotate = Math.sin(easedProgress * Math.PI * 2) * intensity2 * 5;
+        const waveScale = 1 + Math.sin(easedProgress * Math.PI) * intensity2 * 0.08;
+        return {
+          transform: `scale(${waveScale}) rotate(${waveRotate}deg)`
+        };
       default:
         return {};
     }
@@ -100244,6 +99970,25 @@ var ClickAnimations = (props) => {
   }
   return /* @__PURE__ */ jsx(ClickAnimationsInternal, { ...props });
 };
+ClickAnimations.displayName = "ClickAnimations";
+var getColorValue = (colorName) => {
+  const colors = {
+    blue: "#3b82f6",
+    purple: "#a855f7",
+    green: "#10b981",
+    red: "#ef4444",
+    yellow: "#eab308",
+    cyan: "#06b6d4",
+    indigo: "#6366f1",
+    pink: "#ec4899",
+    orange: "#f97316",
+    violet: "#8b5cf6",
+    emerald: "#10b981",
+    rose: "#f43f5e",
+    slate: "#64748b"
+  };
+  return colors[colorName] || colorName;
+};
 var FocusTransitionsInternal = forwardRef(({
   children,
   className,
@@ -100320,6 +100065,24 @@ var FocusTransitionsInternal = forwardRef(({
     offset: focusOffset,
     blur: focusBlur
   }), [duration, easing, intensity, focusColor, focusOffset, focusBlur]);
+  const getEasingCSS = useCallback((easingType) => {
+    switch (easingType) {
+      case "ease":
+        return "ease";
+      case "ease-in":
+        return "ease-in";
+      case "ease-out":
+        return "ease-out";
+      case "ease-in-out":
+        return "ease-in-out";
+      case "bounce":
+        return "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+      case "elastic":
+        return "cubic-bezier(0.68, -0.25, 0.265, 1.25)";
+      default:
+        return "ease-out";
+    }
+  }, []);
   const startAnimation = useCallback((direction, customConfig) => {
     if (prefersReducedMotion)
       return;
@@ -100488,9 +100251,10 @@ var FocusTransitionsInternal = forwardRef(({
   const getAnimationStyles = useCallback((config) => {
     const { type, intensity: intensity2, color, offset: offset4, blur: blur2 } = config;
     const baseStyles = {};
+    const cssColor = getColorValue(color || focusColor);
     switch (type) {
       case "glow":
-        baseStyles.boxShadow = `0 0 ${intensity2 * 10}px ${intensity2 * 2}px ${color}`;
+        baseStyles.boxShadow = `0 0 ${intensity2 * 10}px ${intensity2 * 2}px ${cssColor}`;
         if (blur2)
           baseStyles.filter = `blur(${blur2}px)`;
         break;
@@ -100498,7 +100262,7 @@ var FocusTransitionsInternal = forwardRef(({
         baseStyles.transform = `scale(${1 + intensity2 * 0.05})`;
         break;
       case "border":
-        baseStyles.border = `${focusThickness}px solid ${color}`;
+        baseStyles.border = `${focusThickness}px solid ${cssColor}`;
         baseStyles.borderRadius = `${focusRadius}px`;
         break;
       case "shadow":
@@ -100511,34 +100275,35 @@ var FocusTransitionsInternal = forwardRef(({
         baseStyles.opacity = 0.8 + intensity2 * 0.2;
         break;
       case "pulse":
-        baseStyles.animation = `pulse ${duration}ms ${easing} infinite`;
+        baseStyles.animation = `pulse ${duration}ms ${getEasingCSS(easing)} infinite`;
         break;
       case "outline":
-        baseStyles.outline = `${focusThickness}px solid ${color}`;
+        baseStyles.outline = `${focusThickness}px solid ${cssColor}`;
         baseStyles.outlineOffset = `${offset4}px`;
         break;
     }
     return baseStyles;
-  }, [focusThickness, focusRadius, duration, easing]);
+  }, [focusThickness, focusRadius, duration, easing, focusColor, getEasingCSS]);
   const getFocusRingStyles = useCallback(() => {
     if (!showFocusRing || !focusState.isFocused)
       return {};
+    const cssColor = getColorValue(focusColor);
     const ringStyles = {
       position: "absolute",
       top: focusRingPosition === "outside" ? -focusOffset : 0,
       left: focusRingPosition === "outside" ? -focusOffset : 0,
       right: focusRingPosition === "outside" ? -focusOffset : 0,
       bottom: focusRingPosition === "outside" ? -focusOffset : 0,
-      border: `${focusThickness}px solid ${focusColor}`,
+      border: `${focusThickness}px solid ${cssColor}`,
       borderRadius: focusRadius,
       pointerEvents: "none",
       zIndex: 1
     };
     if (glowEffect) {
-      ringStyles.boxShadow = `0 0 ${focusBlur * 2}px ${focusColor}`;
+      ringStyles.boxShadow = `0 0 ${focusBlur * 2}px ${cssColor}`;
     }
     if (shadowEffect) {
-      ringStyles.filter = `drop-shadow(0 0 ${focusBlur}px ${focusColor})`;
+      ringStyles.filter = `drop-shadow(0 0 ${focusBlur}px ${cssColor})`;
     }
     return ringStyles;
   }, [
@@ -100594,7 +100359,7 @@ var FocusTransitionsInternal = forwardRef(({
       "aria-disabled": disabled,
       style: {
         ...getCombinedStyles(),
-        transition: performanceMode ? "none" : `all ${duration}ms ${easing}`
+        transition: performanceMode ? "none" : `all ${duration}ms ${getEasingCSS(easing)}`
       },
       children: [
         !customFocusRing && /* @__PURE__ */ jsx(
@@ -100617,13 +100382,16 @@ var FocusTransitionsInternal = forwardRef(({
 });
 FocusTransitionsInternal.displayName = "FocusTransitionsInternal";
 var FocusTransitions = forwardRef((props, ref) => {
-  const { hasProAccess } = useSubscription();
-  if (!hasProAccess) {
-    return /* @__PURE__ */ jsxs("div", { className: "p-8 text-center border-2 border-dashed border-gray-300 rounded-lg", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: "Pro Component - FocusTransitions" }),
-      /* @__PURE__ */ jsx("p", { className: "text-gray-600 mb-4", children: "Bu bile\u015Fen MoonUI Pro aboneli\u011Fi gerektirir." }),
-      /* @__PURE__ */ jsx("button", { className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors", children: "Pro'ya Y\xFCkselt" })
-    ] });
+  const { hasProAccess, isLoading } = useSubscription();
+  if (!isLoading && !hasProAccess) {
+    return /* @__PURE__ */ jsx(
+      ProLockScreen,
+      {
+        componentName: "FocusTransitions",
+        compact: true,
+        className: "inline-block"
+      }
+    );
   }
   return /* @__PURE__ */ jsx(FocusTransitionsInternal, { ...props, ref });
 });
@@ -101063,17 +100831,6 @@ FocusTransitions.displayName = "FocusTransitions";
  * @license MIT
  * @credits React Bits by David H
  */
-/**
- * SpringPhysics Component
- *
- * Provides realistic spring physics animations with damping and tension
- * Derived from React Bits (https://github.com/DavidHDev/react-bits)
- * Adapted for MoonUI Pro with TypeScript and enhanced features
- *
- * @author MoonUI Team
- * @license MIT
- * @credits React Bits by David H
- */
 /**
  * ElasticAnimation Component
  *
@@ -101130,4 +100887,4 @@ FocusTransitions.displayName = "FocusTransitions";
  * @credits React Bits by David H
  */
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, AlertDialog2 as AlertDialog, AlertDialogAction2 as AlertDialogAction, AlertDialogCancel2 as AlertDialogCancel, AlertDialogContent2 as AlertDialogContent, AlertDialogDescription2 as AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay2 as AlertDialogOverlay, AlertDialogPortal2 as AlertDialogPortal, AlertDialogTitle2 as AlertDialogTitle, AlertDialogTrigger2 as AlertDialogTrigger, MoonUIAlertTitlePro as AlertTitle, AnimatedNumber, MoonUIAspectRatioPro as AspectRatio, AuroraBackground, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BentoGrid, BentoGridItem, BlurFade, BounceEffect, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BubbleBackground, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartWidget2 as ChartWidget, MoonUICheckboxPro as Checkbox, ClaudeProvider, ClickAnimations, CodeSnippets, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Confetti, ConfettiButton, CursorTrail, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DocsProProvider, DotPattern, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ElasticAnimation, ErrorBoundary, FadeTransitions, FlipText, FloatingActionButton, FloatingDock, FloatingElements, FocusTransitions, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardStep, FunnelWidget, MoonUIGalleryItemPro as GalleryItem, GaugeWidget, GeminiProvider, GeometricPatterns, GestureDrawer, GitHubStars, GlitchBackground, GlitchText, GlowCard, GlowEffect, GradientFlow, GradientText, GridDistortion, GridPattern, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, KPIWidget, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, LiquidBackground, MagneticButton, MagneticElements, Marquee, MatrixRain, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MeshGradient, Meteors, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, AlertDialogAction2 as MoonUIAlertDialogActionPro, AlertDialogCancel2 as MoonUIAlertDialogCancelPro, AlertDialogContent2 as MoonUIAlertDialogContentPro, AlertDialogDescription2 as MoonUIAlertDialogDescriptionPro, AlertDialogFooter as MoonUIAlertDialogFooterPro, AlertDialogHeader as MoonUIAlertDialogHeaderPro, AlertDialogOverlay2 as MoonUIAlertDialogOverlayPro, AlertDialogPortal2 as MoonUIAlertDialogPortalPro, AlertDialog2 as MoonUIAlertDialogPro, AlertDialogTitle2 as MoonUIAlertDialogTitlePro, AlertDialogTrigger2 as MoonUIAlertDialogTriggerPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedListPro, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAuthProvider, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro2 as MoonUIAvatarGroupPro, MoonUIAvatarImagePro, MoonUIAvatarPro2 as MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, Calendar3 as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartWidget2 as MoonUIChartWidget, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, file_upload_default as MoonUIFileUploadPro, MoonUIFormWizardPro, FunnelWidget as MoonUIFunnelWidget, MoonUIGalleryItemPro, GaugeWidget as MoonUIGaugeWidget, MoonUIGestureDrawerPro, MoonUIInputPro, KPIWidget as MoonUIKPIWidget, MoonUIKanbanPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MagneticButton as MoonUIMagneticButtonPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro2 as MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueWidget as MoonUIRevenueWidget, RichTextEditor as MoonUIRichTextEditorPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISeparatorPro, ServerMonitorWidget as MoonUIServerMonitorWidget, Sidebar as MoonUISidebarPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, SwipeableCard as MoonUISwipeableCardPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, VirtualList as MoonUIVirtualListPro, WidgetBase as MoonUIWidgetBase, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MorphingText, MouseTrail, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, NeonEffect, NumberTicker, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParallaxScroll, Particles, PathAnimations, PerformanceDebugger, PerformanceMonitor, PhoneNumberInput, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, ProLockScreen, MoonUIProgressPro as Progress, QuizForm, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RevealCard, RevealCards, RevenueWidget, RichTextEditor, Ripple, spotlightPresets as SPOTLIGHT_PRESETS, SVGAnimations, ScrambledText, ScrollArea, ScrollBar, ScrollReveal, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, ServerMonitorWidget, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shimmer, ShinyText, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, Sparkles36 as Sparkles, SplashCursor, SplashCursorContainer, Spotlight, SpringPhysics, Starfield, SubscriptionProvider, SwipeActions, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text3D, TextReveal, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, TouchGestures, TypewriterText, VirtualList, Waves, WavyText, WidgetBase, WordRotate, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearAuth, clearAuth as clearAuthV2, cn, codeSnippetsPresets, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, forceRefresh, forceRefresh as forceRefreshV2, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, magneticButtonVariants, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, magneticButtonVariants as moonUIMagneticButtonVariantsPro, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useMoonUIAuth, useStreamingData, useSubscription, useSubscriptionContext, useSubscription as useSubscriptionV2, useVirtualList };
+export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, AlertDialog2 as AlertDialog, AlertDialogAction2 as AlertDialogAction, AlertDialogCancel2 as AlertDialogCancel, AlertDialogContent2 as AlertDialogContent, AlertDialogDescription2 as AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay2 as AlertDialogOverlay, AlertDialogPortal2 as AlertDialogPortal, AlertDialogTitle2 as AlertDialogTitle, AlertDialogTrigger2 as AlertDialogTrigger, MoonUIAlertTitlePro as AlertTitle, MoonUIAnimatedListPro as AnimatedList, AnimatedNumber, MoonUIAspectRatioPro as AspectRatio, AuroraBackground, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BentoGrid, BentoGridItem, BlurFade, BounceEffect, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BubbleBackground, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartWidget2 as ChartWidget, MoonUICheckboxPro as Checkbox, ClaudeProvider, ClickAnimations, CodeSnippets, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Confetti, ConfettiButton, CursorTrail, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DocsProProvider, DotPattern, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ElasticAnimation, ErrorBoundary, FadeTransitions, FlipText, FloatingActionButton, FloatingDock, FloatingElements, FocusTransitions, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardStep, FunnelWidget, MoonUIGalleryItemPro as GalleryItem, GaugeWidget, GeminiProvider, GeometricPatterns, GestureDrawer, GitHubStars, GlitchBackground, GlitchText, GlowCard, GlowEffect, GradientFlow, GradientText, GridDistortion, GridPattern, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, KPIWidget, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, LiquidBackground, MagneticButton, MagneticElements, Marquee, MatrixRain, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MeshGradient, Meteors, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, AlertDialogAction2 as MoonUIAlertDialogActionPro, AlertDialogCancel2 as MoonUIAlertDialogCancelPro, AlertDialogContent2 as MoonUIAlertDialogContentPro, AlertDialogDescription2 as MoonUIAlertDialogDescriptionPro, AlertDialogFooter as MoonUIAlertDialogFooterPro, AlertDialogHeader as MoonUIAlertDialogHeaderPro, AlertDialogOverlay2 as MoonUIAlertDialogOverlayPro, AlertDialogPortal2 as MoonUIAlertDialogPortalPro, AlertDialog2 as MoonUIAlertDialogPro, AlertDialogTitle2 as MoonUIAlertDialogTitlePro, AlertDialogTrigger2 as MoonUIAlertDialogTriggerPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedListPro, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAuthProvider, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro2 as MoonUIAvatarGroupPro, MoonUIAvatarImagePro, MoonUIAvatarPro2 as MoonUIAvatarPro, MoonUIBadgePro, BounceEffect as MoonUIBounceEffectPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, Calendar3 as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartWidget2 as MoonUIChartWidget, MoonUICheckboxPro, ClickAnimations as MoonUIClickAnimationsPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, ElasticAnimation as MoonUIElasticAnimationPro, FadeTransitions as MoonUIFadeTransitionsPro, file_upload_default as MoonUIFileUploadPro, FocusTransitions as MoonUIFocusTransitionsPro, MoonUIFormWizardPro, FunnelWidget as MoonUIFunnelWidget, MoonUIGalleryItemPro, GaugeWidget as MoonUIGaugeWidget, MoonUIGestureDrawerPro, GlowEffect as MoonUIGlowEffectPro, MoonUIInputPro, KPIWidget as MoonUIKPIWidget, MoonUIKanbanPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MagneticButton as MoonUIMagneticButtonPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PathAnimations as MoonUIPathAnimationsPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro2 as MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueWidget as MoonUIRevenueWidget, RichTextEditor as MoonUIRichTextEditorPro, SVGAnimations as MoonUISVGAnimationsPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISeparatorPro, ServerMonitorWidget as MoonUIServerMonitorWidget, Sidebar as MoonUISidebarPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, SwipeActions as MoonUISwipeActionsPro, SwipeableCard as MoonUISwipeableCardPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, TouchGestures as MoonUITouchGesturesPro, VirtualList as MoonUIVirtualListPro, WidgetBase as MoonUIWidgetBase, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MorphingText, MouseTrail, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, NeonEffect, NumberTicker, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParallaxScroll, Particles, PathAnimations, PerformanceDebugger, PerformanceMonitor, PhoneNumberInput, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, ProLockScreen, MoonUIProgressPro as Progress, QuizForm, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RevealCard, RevealCards, RevenueWidget, RichTextEditor, Ripple, spotlightPresets as SPOTLIGHT_PRESETS, SVGAnimations, ScrambledText, ScrollArea, ScrollBar, ScrollReveal, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, ServerMonitorWidget, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shimmer, ShinyText, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, Sparkles36 as Sparkles, SplashCursor, SplashCursorContainer, Spotlight, Starfield, SubscriptionProvider, SwipeActions, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text3D, TextReveal, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, TouchGestures, TypewriterText, VirtualList, Waves, WavyText, WidgetBase, WordRotate, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearAuth, clearAuth as clearAuthV2, cn, codeSnippetsPresets, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, forceRefresh, forceRefresh as forceRefreshV2, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, magneticButtonVariants, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, magneticButtonVariants as moonUIMagneticButtonVariantsPro, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useMoonUIAuth, useStreamingData, useSubscription, useSubscriptionContext, useSubscription as useSubscriptionV2, useVirtualList };