@moontra/moonui-pro 3.4.34 → 3.4.35

package/dist/index.d.ts

@@ -5277,8 +5277,10 @@ interface MeteorsProps {
     containerClassName?: string;
     /** Number of meteors */
     number?: number;
-    /** Meteor color */
+    /** Meteor color for light mode */
     color?: string;
+    /** Meteor color for dark mode */
+    darkColor?: string;
     /** Animation duration range (seconds) */
     duration?: {
         min: number;
@@ -5327,12 +5329,18 @@ interface AuroraBackgroundProps {
     className?: string;
     /** Container CSS classes */
     containerClassName?: string;
-    /** Aurora gradient colors (hex or rgb) */
+    /** Aurora gradient colors for light mode (hex or rgb) */
     colors?: {
         primary?: string;
         secondary?: string;
         tertiary?: string;
     };
+    /** Aurora gradient colors for dark mode (hex or rgb) */
+    darkColors?: {
+        primary?: string;
+        secondary?: string;
+        tertiary?: string;
+    };
     /** Animation speed */
     speed?: 'slow' | 'normal' | 'fast';
     /** Background opacity (0-1) */

package/dist/index.mjs

@@ -87502,6 +87502,7 @@ var MeteorsInternal = ({
   containerClassName,
   number = 20,
   color,
+  darkColor,
   duration = { min: 3, max: 7 },
   size: size4 = { min: 0.5, max: 1 },
   speed = "medium",
@@ -87519,8 +87520,9 @@ var MeteorsInternal = ({
     setMounted(true);
   }, []);
   const currentTheme = mounted ? resolvedTheme || theme || "dark" : "dark";
-  const defaultColor = currentTheme === "dark" ? "#ffffff" : "#000000";
-  const finalColor = color || defaultColor;
+  const defaultDarkColor = "#ffffff";
+  const defaultLightColor = "#000000";
+  const finalColor = currentTheme === "dark" ? darkColor || color || defaultDarkColor : color || defaultLightColor;
   if (!mounted) {
     return null;
   }
@@ -87616,6 +87618,7 @@ var AuroraBackgroundInternal = ({
   className,
   containerClassName,
   colors,
+  darkColors,
   speed = "normal",
   opacity = 0.5,
   blur: blur2 = 80,
@@ -87639,12 +87642,12 @@ var AuroraBackgroundInternal = ({
   const themeDefaultColors = useMemo(() => {
     if (currentTheme === "dark") {
       return {
-        primary: "#9D7FD1",
-        // Medium pastel purple
-        secondary: "#7B9FF0",
-        // Medium pastel blue
-        tertiary: "#6BC9D4"
-        // Medium pastel cyan
+        primary: "#6B46C1",
+        // Deep vibrant purple (darker, more saturated)
+        secondary: "#4C7FE0",
+        // Deep vibrant blue (darker, more saturated)
+        tertiary: "#0891B2"
+        // Deep vibrant cyan (darker, more saturated)
       };
     } else {
       return {
@@ -87657,7 +87660,13 @@ var AuroraBackgroundInternal = ({
       };
     }
   }, [currentTheme]);
-  const finalColors = colors || themeDefaultColors;
+  const finalColors = useMemo(() => {
+    if (currentTheme === "dark") {
+      return darkColors || colors || themeDefaultColors;
+    } else {
+      return colors || themeDefaultColors;
+    }
+  }, [currentTheme, colors, darkColors, themeDefaultColors]);
   const duration = useMemo(() => {
     switch (speed) {
       case "slow":

package/package.json

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