@moontra/moonui-pro 3.4.37 → 3.4.39

package/dist/index.mjs

@@ -86994,18 +86994,19 @@ var GridPatternInternal = ({
   squares = [],
   strokeDasharray = "0",
   className,
-  strokeColor = "rgb(156 163 175 / 0.2)",
-  // gray-400/20
+  strokeColor,
+  darkStrokeColor,
   strokeWidth = 1,
-  maxOpacity = 0.4,
+  maxOpacity,
+  darkMaxOpacity,
   duration = 4e3,
   repeatDelay = 0,
   variant = "lines",
   gradient = false,
-  gradientFrom = "rgb(59 130 246)",
-  // blue-500
-  gradientTo = "rgb(147 51 234)",
-  // purple-500
+  gradientFrom,
+  darkGradientFrom,
+  gradientTo,
+  darkGradientTo,
   gradientDirection = "diagonal",
   animationType = "fade",
   blur: blur2 = false,
@@ -87017,12 +87018,65 @@ var GridPatternInternal = ({
   size: size4,
   performance: performance2 = "balanced"
 }) => {
+  const { theme } = useTheme();
   const uniqueId = useId();
   const patternId = `grid-pattern-${uniqueId}`;
   const gradientId = `grid-gradient-${uniqueId}`;
   const maskId = `grid-mask-${uniqueId}`;
   const noiseId = `grid-noise-${uniqueId}`;
   const containerRef = useRef(null);
+  const defaultStrokeColor = useMemo(() => {
+    if (theme === "dark") {
+      if (darkStrokeColor)
+        return darkStrokeColor;
+      if (strokeColor)
+        return strokeColor;
+      return "rgb(156 163 175 / 0.3)";
+    } else {
+      if (strokeColor)
+        return strokeColor;
+      return "rgb(156 163 175 / 0.15)";
+    }
+  }, [theme, strokeColor, darkStrokeColor]);
+  const defaultMaxOpacity = useMemo(() => {
+    if (theme === "dark") {
+      if (darkMaxOpacity !== void 0)
+        return darkMaxOpacity;
+      if (maxOpacity !== void 0)
+        return maxOpacity;
+      return 0.5;
+    } else {
+      if (maxOpacity !== void 0)
+        return maxOpacity;
+      return 0.3;
+    }
+  }, [theme, maxOpacity, darkMaxOpacity]);
+  const defaultGradientFrom = useMemo(() => {
+    if (theme === "dark") {
+      if (darkGradientFrom)
+        return darkGradientFrom;
+      if (gradientFrom)
+        return gradientFrom;
+      return "rgb(139 92 246)";
+    } else {
+      if (gradientFrom)
+        return gradientFrom;
+      return "rgb(168 85 247)";
+    }
+  }, [theme, gradientFrom, darkGradientFrom]);
+  const defaultGradientTo = useMemo(() => {
+    if (theme === "dark") {
+      if (darkGradientTo)
+        return darkGradientTo;
+      if (gradientTo)
+        return gradientTo;
+      return "rgb(59 130 246)";
+    } else {
+      if (gradientTo)
+        return gradientTo;
+      return "rgb(96 165 250)";
+    }
+  }, [theme, gradientTo, darkGradientTo]);
   useEffect(() => {
     if (!parallax || !containerRef.current)
       return;
@@ -87051,23 +87105,23 @@ var GridPatternInternal = ({
     switch (gradientDirection) {
       case "horizontal":
         return /* @__PURE__ */ jsxs("linearGradient", { ...gradientProps, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: gradientFrom }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientTo })
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: defaultGradientFrom }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: defaultGradientTo })
         ] });
       case "vertical":
         return /* @__PURE__ */ jsxs("linearGradient", { ...gradientProps, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: gradientFrom }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientTo })
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: defaultGradientFrom }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: defaultGradientTo })
         ] });
       case "radial":
         return /* @__PURE__ */ jsxs("radialGradient", { ...gradientProps, cx: "50%", cy: "50%", r: "50%", children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: gradientFrom }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientTo })
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: defaultGradientFrom }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: defaultGradientTo })
         ] });
       default:
         return /* @__PURE__ */ jsxs("linearGradient", { ...gradientProps, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: gradientFrom }),
-          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientTo })
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: defaultGradientFrom }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: defaultGradientTo })
         ] });
     }
   };
@@ -87111,7 +87165,7 @@ var GridPatternInternal = ({
   };
   const renderPattern = () => {
     const baseProps = {
-      stroke: gradient ? `url(#${gradientId})` : strokeColor,
+      stroke: gradient ? `url(#${gradientId})` : defaultStrokeColor,
       strokeWidth,
       strokeDasharray,
       fill: "none"
@@ -87124,7 +87178,7 @@ var GridPatternInternal = ({
             cx: width / 2,
             cy: height / 2,
             r: Math.max(strokeWidth, 1),
-            fill: gradient ? `url(#${gradientId})` : strokeColor,
+            fill: gradient ? `url(#${gradientId})` : defaultStrokeColor,
             strokeWidth: 0
           }
         );
@@ -87240,8 +87294,8 @@ var GridPatternInternal = ({
                   y: squareY * height + y,
                   width,
                   height,
-                  fill: gradient ? `url(#${gradientId})` : strokeColor,
-                  opacity: maxOpacity,
+                  fill: gradient ? `url(#${gradientId})` : defaultStrokeColor,
+                  opacity: defaultMaxOpacity,
                   style: {
                     animation: animationType === "fade" ? `grid-square-fade ${duration}ms ease-in-out infinite ${index2 * 100}ms` : void 0
                   }
@@ -87254,7 +87308,7 @@ var GridPatternInternal = ({
         animationType === "fade" && squares.length > 0 && /* @__PURE__ */ jsx("style", { children: `
           @keyframes grid-square-fade {
             0%, 20% { opacity: 0; }
-            50% { opacity: ${maxOpacity}; }
+            50% { opacity: ${defaultMaxOpacity}; }
             80%, 100% { opacity: 0; }
           }
         ` }),
@@ -87833,20 +87887,23 @@ var ParticlesInternal = ({
   className,
   count: count3 = 50,
   size: size4 = { min: 1, max: 3 },
-  colors = ["#ffffff", "#00d4ff", "#ff00ff", "#ffff00"],
+  colors,
+  darkColors,
   speed = 0.5,
   interactive = true,
   mouseRadius = 100,
   connectDistance = 100,
   showConnections = true,
   lineWidth = 0.5,
-  lineOpacity = 0.2,
+  lineOpacity,
+  darkLineOpacity,
   shape = "circle",
   parallax = false,
   parallaxFactor = 0.5,
   fps = 60,
   performanceMode = false,
-  backgroundColor = "transparent",
+  backgroundColor,
+  darkBackgroundColor,
   blur: blur2 = 0,
   containerClassName,
   glow = true,
@@ -87857,6 +87914,7 @@ var ParticlesInternal = ({
   opacity = { min: 0.3, max: 1 },
   pauseWhenHidden = false
 }) => {
+  const { theme } = useTheme();
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
   const animationRef = useRef(void 0);
@@ -87866,6 +87924,45 @@ var ParticlesInternal = ({
   const frameInterval = 1e3 / fps;
   const [isVisible, setIsVisible] = useState(true);
   const observerTimeoutRef = useRef(null);
+  const defaultColors2 = useMemo(() => {
+    if (theme === "dark") {
+      if (darkColors)
+        return darkColors;
+      if (colors)
+        return colors;
+      return ["#8b5cf6", "#ec4899", "#3b82f6", "#10b981"];
+    } else {
+      if (colors)
+        return colors;
+      return ["#a855f7", "#f472b6", "#60a5fa", "#34d399"];
+    }
+  }, [theme, colors, darkColors]);
+  const defaultBg = useMemo(() => {
+    if (theme === "dark") {
+      if (darkBackgroundColor)
+        return darkBackgroundColor;
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    } else {
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    }
+  }, [theme, backgroundColor, darkBackgroundColor]);
+  const defaultLineOpacity = useMemo(() => {
+    if (theme === "dark") {
+      if (darkLineOpacity !== void 0)
+        return darkLineOpacity;
+      if (lineOpacity !== void 0)
+        return lineOpacity;
+      return 0.4;
+    } else {
+      if (lineOpacity !== void 0)
+        return lineOpacity;
+      return 0.2;
+    }
+  }, [theme, lineOpacity, darkLineOpacity]);
   const drawParticle = useCallback((ctx, particle) => {
     ctx.save();
     ctx.translate(particle.x, particle.y);
@@ -87994,7 +88091,7 @@ var ParticlesInternal = ({
         const dy = particles[i].y - particles[j].y;
         const distance = Math.sqrt(dx * dx + dy * dy);
         if (distance < connectDistance) {
-          const opacity2 = (1 - distance / connectDistance) * lineOpacity;
+          const opacity2 = (1 - distance / connectDistance) * defaultLineOpacity;
           ctx.strokeStyle = `rgba(255, 255, 255, ${opacity2})`;
           ctx.lineWidth = lineWidth;
           ctx.beginPath();
@@ -88004,7 +88101,7 @@ var ParticlesInternal = ({
         }
       }
     }
-  }, [connectDistance, lineOpacity, lineWidth]);
+  }, [connectDistance, defaultLineOpacity, lineWidth]);
   const animate4 = useCallback((currentTime) => {
     const canvas = canvasRef.current;
     const ctx = canvas?.getContext("2d", {
@@ -88051,7 +88148,7 @@ var ParticlesInternal = ({
         vx: (Math.random() - 0.5) * speed,
         vy: (Math.random() - 0.5) * speed,
         size: Math.random() * (size4.max - size4.min) + size4.min,
-        color: colors[Math.floor(Math.random() * colors.length)],
+        color: defaultColors2[Math.floor(Math.random() * defaultColors2.length)],
         opacity: Math.random() * (opacity.max - opacity.min) + opacity.min,
         angle: Math.random() * Math.PI * 2,
         rotationSpeed: (Math.random() - 0.5) * 0.02,
@@ -88061,7 +88158,7 @@ var ParticlesInternal = ({
       newParticles.push(particle);
     }
     particlesRef.current = newParticles;
-  }, [count3, size4, colors, speed, opacity]);
+  }, [count3, size4, defaultColors2, speed, opacity]);
   const handleMouseMove2 = useCallback((e) => {
     const canvas = canvasRef.current;
     if (!canvas)
@@ -88117,7 +88214,7 @@ var ParticlesInternal = ({
           vx: (Math.random() - 0.5) * speed,
           vy: (Math.random() - 0.5) * speed,
           size: Math.random() * (size4.max - size4.min) + size4.min,
-          color: colors[Math.floor(Math.random() * colors.length)],
+          color: defaultColors2[Math.floor(Math.random() * defaultColors2.length)],
           opacity: Math.random() * (opacity.max - opacity.min) + opacity.min,
           angle: Math.random() * Math.PI * 2,
           rotationSpeed: (Math.random() - 0.5) * 0.02,
@@ -88140,7 +88237,7 @@ var ParticlesInternal = ({
         cancelAnimationFrame(animationRef.current);
       }
     };
-  }, [handleResize, handleMouseMove2, animate4, interactive, count3, size4, colors, speed, opacity]);
+  }, [handleResize, handleMouseMove2, animate4, interactive, count3, size4, defaultColors2, speed, opacity]);
   const canvasStyle = useMemo(() => ({
     willChange: "transform",
     transform: "translate3d(0, 0, 0)",
@@ -88157,7 +88254,7 @@ var ParticlesInternal = ({
         containerClassName
       ),
       style: {
-        backgroundColor
+        backgroundColor: defaultBg
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -88196,9 +88293,11 @@ var StarfieldInternal = ({
   className,
   fullWidth = false,
   starCount = 500,
-  starColor = "#ffffff",
+  starColor,
+  darkStarColor,
   speed = 1,
-  backgroundColor = "#000000",
+  backgroundColor,
+  darkBackgroundColor,
   mouseParallax = true,
   parallaxIntensity = 0.5,
   starSize = { min: 0.5, max: 2 },
@@ -88215,10 +88314,12 @@ var StarfieldInternal = ({
   trails = false,
   trailLength = 5,
   nebula = false,
-  nebulaColors = ["#ff00ff20", "#00ffff20", "#ffff0020"],
+  nebulaColors,
+  darkNebulaColors,
   direction = "forward",
   spiralSpeed = 1e-3
 }) => {
+  const { theme } = useTheme();
   const canvasRef = useRef(null);
   const animationRef = useRef(void 0);
   const starsRef = useRef([]);
@@ -88234,7 +88335,46 @@ var StarfieldInternal = ({
   const [isVisible, setIsVisible] = useState(true);
   const observerTimeoutRef = useRef(null);
   const containerRef = useRef(null);
-  const starColors = Array.isArray(starColor) ? starColor : [starColor];
+  const defaultStarColor = useMemo(() => {
+    if (theme === "dark") {
+      if (darkStarColor)
+        return darkStarColor;
+      if (starColor)
+        return starColor;
+      return "#ffffff";
+    } else {
+      if (starColor)
+        return starColor;
+      return "#1f2937";
+    }
+  }, [theme, starColor, darkStarColor]);
+  const defaultBg = useMemo(() => {
+    if (theme === "dark") {
+      if (darkBackgroundColor)
+        return darkBackgroundColor;
+      if (backgroundColor)
+        return backgroundColor;
+      return "#000000";
+    } else {
+      if (backgroundColor)
+        return backgroundColor;
+      return "#f9fafb";
+    }
+  }, [theme, backgroundColor, darkBackgroundColor]);
+  const defaultNebulaColors = useMemo(() => {
+    if (theme === "dark") {
+      if (darkNebulaColors)
+        return darkNebulaColors;
+      if (nebulaColors)
+        return nebulaColors;
+      return ["#ff00ff20", "#00ffff20", "#ffff0020"];
+    } else {
+      if (nebulaColors)
+        return nebulaColors;
+      return ["#db278610", "#06b6d410", "#eab30810"];
+    }
+  }, [theme, nebulaColors, darkNebulaColors]);
+  const starColors = Array.isArray(defaultStarColor) ? defaultStarColor : [defaultStarColor];
   const initializeShootingStars = useCallback(() => {
     const shootingStars2 = [];
     for (let i = 0; i < 5; i++) {
@@ -88399,7 +88539,7 @@ var StarfieldInternal = ({
     }
   };
   const drawNebula = (ctx, canvas) => {
-    nebulaColors.forEach((color, i) => {
+    defaultNebulaColors.forEach((color, i) => {
       const gradient = ctx.createRadialGradient(
         canvas.width / 2 + Math.sin(Date.now() * 1e-4 + i) * 100,
         canvas.height / 2 + Math.cos(Date.now() * 1e-4 + i) * 100,
@@ -88433,7 +88573,7 @@ var StarfieldInternal = ({
       return;
     }
     lastFrameTimeRef.current = currentTime - deltaTime % frameInterval;
-    ctx.fillStyle = backgroundColor;
+    ctx.fillStyle = defaultBg;
     ctx.fillRect(0, 0, canvas.width, canvas.height);
     if (nebula) {
       drawNebula(ctx, canvas);
@@ -88457,7 +88597,7 @@ var StarfieldInternal = ({
     }
     animationRef.current = requestAnimationFrame(animate4);
   }, [
-    backgroundColor,
+    defaultBg,
     frameInterval,
     speed,
     warpSpeed,
@@ -88468,7 +88608,7 @@ var StarfieldInternal = ({
     depthBlur,
     trails,
     nebula,
-    nebulaColors,
+    defaultNebulaColors,
     shootingStars,
     direction,
     spiralSpeed,
@@ -88649,8 +88789,10 @@ var DotPatternInternal = ({
   containerClassName,
   dotSize = 4,
   gap = 20,
-  color = "#ffffff",
-  opacity = 0.3,
+  color,
+  darkColor,
+  opacity,
+  darkOpacity,
   animated = false,
   animationType = "pulse",
   animationDuration = 3,
@@ -88661,7 +88803,8 @@ var DotPatternInternal = ({
   gradientDirection = "radial",
   gradientAngle = 45,
   blur: blur2 = 0,
-  backgroundColor = "transparent",
+  backgroundColor,
+  darkBackgroundColor,
   maskFade = false,
   maskFadeDirection = "bottom",
   parallax = false,
@@ -88669,9 +88812,49 @@ var DotPatternInternal = ({
   density = 1,
   responsive = true
 }) => {
+  const { theme } = useTheme();
   const containerRef = useRef(null);
   const patternRef = useRef(null);
   const mouseRef = useRef({ x: 0, y: 0 });
+  const defaultColor = useMemo(() => {
+    if (theme === "dark") {
+      if (darkColor)
+        return darkColor;
+      if (color)
+        return color;
+      return "#ffffff";
+    } else {
+      if (color)
+        return color;
+      return "#1f2937";
+    }
+  }, [theme, color, darkColor]);
+  const defaultOpacity = useMemo(() => {
+    if (theme === "dark") {
+      if (darkOpacity !== void 0)
+        return darkOpacity;
+      if (opacity !== void 0)
+        return opacity;
+      return 0.4;
+    } else {
+      if (opacity !== void 0)
+        return opacity;
+      return 0.25;
+    }
+  }, [theme, opacity, darkOpacity]);
+  const defaultBg = useMemo(() => {
+    if (theme === "dark") {
+      if (darkBackgroundColor)
+        return darkBackgroundColor;
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    } else {
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    }
+  }, [theme, backgroundColor, darkBackgroundColor]);
   const responsiveDotSize = dotSize * 0.4;
   useMemo(
     () => `dot-pattern-${Math.random().toString(36).substr(2, 9)}`,
@@ -88758,17 +88941,17 @@ var DotPatternInternal = ({
           if (distance < hoverRadius) {
             const scale = 1 + (1 - distance / hoverRadius) * 2;
             dot.setAttribute("transform", `scale(${scale})`);
-            dot.style.opacity = String(Math.min(1, opacity + (1 - distance / hoverRadius) * 0.5));
+            dot.style.opacity = String(Math.min(1, defaultOpacity + (1 - distance / hoverRadius) * 0.5));
           } else {
             dot.setAttribute("transform", "scale(1)");
-            dot.style.opacity = String(opacity);
+            dot.style.opacity = String(defaultOpacity);
           }
         });
       }
     };
     window.addEventListener("mousemove", handleMouseMove2);
     return () => window.removeEventListener("mousemove", handleMouseMove2);
-  }, [hoverEffect, hoverRadius, opacity]);
+  }, [hoverEffect, hoverRadius, defaultOpacity]);
   useEffect(() => {
     if (!parallax || !containerRef.current)
       return;
@@ -88810,7 +88993,7 @@ var DotPatternInternal = ({
         return "";
     }
   };
-  const processedColors = Array.isArray(color) ? color : [color];
+  const processedColors = Array.isArray(defaultColor) ? defaultColor : [defaultColor];
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -88820,7 +89003,7 @@ var DotPatternInternal = ({
         containerClassName
       ),
       style: {
-        backgroundColor
+        backgroundColor: defaultBg
       },
       children: [
         /* @__PURE__ */ jsxs(
@@ -88953,7 +89136,7 @@ var DotPatternInternal = ({
                   cy: dot.y,
                   r: responsiveDotSize,
                   fill: gradient ? `url(#${gradientId})` : processedColors[0],
-                  opacity,
+                  opacity: defaultOpacity,
                   style: {
                     transformOrigin: `${dot.x} ${dot.y}`,
                     transition: hoverEffect ? "all 0.3s ease" : void 0,
@@ -88972,8 +89155,8 @@ var DotPatternInternal = ({
         }
 
         @keyframes dot-pattern-fade {
-          0%, 100% { opacity: ${opacity}; }
-          50% { opacity: ${opacity * 0.3}; }
+          0%, 100% { opacity: ${defaultOpacity}; }
+          50% { opacity: ${defaultOpacity * 0.3}; }
         }
 
         @keyframes dot-pattern-scale {
@@ -89402,12 +89585,15 @@ var WavesInternal = ({
   className,
   containerClassName,
   layers = 3,
-  colors = ["#0066cc", "#0052a3", "#003d7a"],
+  colors,
+  darkColors,
   amplitude = 50,
   frequency = 2,
   speed = 0.5,
-  opacity = 0.5,
-  backgroundColor = "transparent",
+  opacity,
+  darkOpacity,
+  backgroundColor,
+  darkBackgroundColor,
   waveStyle = "smooth",
   parallax = true,
   parallaxIntensity = 0.5,
@@ -89421,6 +89607,7 @@ var WavesInternal = ({
   fps = 60,
   pauseWhenHidden = false
 }) => {
+  const { theme } = useTheme();
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
   const animationRef = useRef(void 0);
@@ -89431,6 +89618,45 @@ var WavesInternal = ({
   const frameInterval = 1e3 / fps;
   const [isVisible, setIsVisible] = useState(true);
   const observerTimeoutRef = useRef(null);
+  const defaultColors2 = useMemo(() => {
+    if (theme === "dark") {
+      if (darkColors)
+        return darkColors;
+      if (colors)
+        return colors;
+      return ["#8b5cf6", "#ec4899", "#3b82f6"];
+    } else {
+      if (colors)
+        return colors;
+      return ["#a855f7", "#f472b6", "#60a5fa"];
+    }
+  }, [theme, colors, darkColors]);
+  const defaultOpacity = useMemo(() => {
+    if (theme === "dark") {
+      if (darkOpacity !== void 0)
+        return darkOpacity;
+      if (opacity !== void 0)
+        return opacity;
+      return 0.6;
+    } else {
+      if (opacity !== void 0)
+        return opacity;
+      return 0.4;
+    }
+  }, [theme, opacity, darkOpacity]);
+  const defaultBg = useMemo(() => {
+    if (theme === "dark") {
+      if (darkBackgroundColor)
+        return darkBackgroundColor;
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    } else {
+      if (backgroundColor)
+        return backgroundColor;
+      return "transparent";
+    }
+  }, [theme, backgroundColor, darkBackgroundColor]);
   const initializeWaves = useCallback(() => {
     const waveLayers = [];
     for (let i = 0; i < layers; i++) {
@@ -89440,11 +89666,11 @@ var WavesInternal = ({
         frequency: frequency * (1 + layerIndex * 0.2),
         speed: speed * (1 - layerIndex * (parallax ? parallaxIntensity * 0.5 : 0)),
         phase: Math.PI * 2 * i / layers,
-        color: colors[i % colors.length]
+        color: defaultColors2[i % defaultColors2.length]
       });
     }
     waveLayersRef.current = waveLayers;
-  }, [layers, amplitude, frequency, speed, parallax, parallaxIntensity, colors]);
+  }, [layers, amplitude, frequency, speed, parallax, parallaxIntensity, defaultColors2]);
   const calculateWavePoint = (x, layer, time, mouseEffect = 0) => {
     let y = 0;
     switch (waveStyle) {
@@ -89502,10 +89728,10 @@ var WavesInternal = ({
         const rgbaMatch = layer.color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
         if (rgbaMatch) {
           colorBase = `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, 0)`;
-          colorWithAlpha = `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, ${opacity})`;
+          colorWithAlpha = `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, ${defaultOpacity})`;
         }
       } else if (layer.color.startsWith("#")) {
-        const alphaHex = Math.floor(opacity * 255).toString(16).padStart(2, "0");
+        const alphaHex = Math.floor(defaultOpacity * 255).toString(16).padStart(2, "0");
         colorBase = layer.color + "00";
         colorWithAlpha = layer.color + alphaHex;
       } else {
@@ -89518,7 +89744,7 @@ var WavesInternal = ({
       ctx.fillStyle = grad;
     } else {
       ctx.fillStyle = layer.color;
-      ctx.globalAlpha = opacity * (1 - index2 * 0.2 / layers);
+      ctx.globalAlpha = defaultOpacity * (1 - index2 * 0.2 / layers);
     }
     ctx.beginPath();
     if (direction === "vertical") {
@@ -89679,7 +89905,7 @@ var WavesInternal = ({
         containerClassName
       ),
       style: {
-        backgroundColor
+        backgroundColor: defaultBg
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -96766,9 +96992,72 @@ var Text3D = (props) => {
   return /* @__PURE__ */ jsx(Text3DInternal, { ...props });
 };
 Text3D.displayName = "Text3D";
+function ProWatermarkOverlay({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "relative z-0", children }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute inset-0 z-10 pointer-events-none overflow-hidden rounded-lg",
+        style: {
+          backdropFilter: "blur(1px)"
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-background/70 dark:bg-background/80" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 flex items-center justify-center select-none",
+              style: {
+                backgroundImage: `repeating-linear-gradient(
+              45deg,
+              transparent,
+              transparent 200px,
+              rgba(0, 0, 0, 0.03) 200px,
+              rgba(0, 0, 0, 0.03) 201px
+            )`
+              },
+              children: /* @__PURE__ */ jsx("div", { className: "transform rotate-[-45deg] opacity-20 dark:opacity-30", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 text-center", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-4xl md:text-6xl font-bold tracking-wider text-foreground whitespace-nowrap", children: "UNLICENSED" }),
+                /* @__PURE__ */ jsx("p", { className: "text-2xl md:text-3xl font-semibold tracking-wide text-muted-foreground whitespace-nowrap", children: "FOR DEMONSTRATION ONLY" }),
+                /* @__PURE__ */ jsx("p", { className: "text-4xl md:text-6xl font-bold tracking-wider text-foreground whitespace-nowrap", children: "UNLICENSED" })
+              ] }) })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 right-4 pointer-events-auto z-20", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border-2 border-destructive/50 bg-destructive/10 dark:bg-destructive/20 backdrop-blur-md p-3 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-destructive flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-destructive", children: "Unlicensed Copy" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Development mode - CLI auth required"  }),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: "https://moonui.dev/pricing",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "text-xs font-medium text-primary hover:underline inline-flex items-center gap-1 mt-1",
+                  children: "Get License \u2192"
+                }
+              )
+            ] })
+          ] }) }) })
+        ]
+      }
+    )
+  ] });
+}
 function DocsProProvider({ children, componentName = "Pro Component" }) {
   const { hasProAccess, isLoading } = useSubscription();
-  if (!isLoading && !hasProAccess) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (hasProAccess) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  {
     return /* @__PURE__ */ jsx(
       ProLockScreen,
       {
@@ -96778,7 +97067,6 @@ function DocsProProvider({ children, componentName = "Pro Component" }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(Fragment, { children });
 }
 var debounce = (func, wait) => {
   let timeout = null;
@@ -101866,4 +102154,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, 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, useFramerScroll, 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, ProWatermarkOverlay, 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, useFramerScroll, useMoonUIAuth, useStreamingData, useSubscription, useSubscriptionContext, useSubscription as useSubscriptionV2, useVirtualList };