@moontra/moonui-pro 2.34.18 → 2.36.0

package/dist/index.d.ts

@@ -5981,68 +5981,84 @@ declare const GeometricPatterns: React__default.FC<GeometricPatternsProps>;
 
 declare const languages: {
     readonly javascript: {
-        readonly color: "#f7df1e";
+        readonly color: "#ffd700";
         readonly icon: "JS";
+        readonly glow: "rgba(255, 215, 0, 0.5)";
     };
     readonly typescript: {
-        readonly color: "#007acc";
+        readonly color: "#3178c6";
         readonly icon: "TS";
+        readonly glow: "rgba(49, 120, 198, 0.5)";
     };
     readonly python: {
-        readonly color: "#3776ab";
+        readonly color: "#4b8bbe";
         readonly icon: "PY";
+        readonly glow: "rgba(75, 139, 190, 0.5)";
     };
     readonly react: {
         readonly color: "#61dafb";
         readonly icon: "⚛️";
+        readonly glow: "rgba(97, 218, 251, 0.5)";
     };
     readonly rust: {
-        readonly color: "#dea584";
+        readonly color: "#ff6b6b";
         readonly icon: "🦀";
+        readonly glow: "rgba(255, 107, 107, 0.5)";
     };
     readonly go: {
-        readonly color: "#00add8";
+        readonly color: "#00d4ff";
         readonly icon: "GO";
+        readonly glow: "rgba(0, 212, 255, 0.5)";
     };
     readonly sql: {
-        readonly color: "#336791";
+        readonly color: "#6366f1";
         readonly icon: "SQL";
+        readonly glow: "rgba(99, 102, 241, 0.5)";
     };
     readonly docker: {
         readonly color: "#2496ed";
         readonly icon: "🐳";
+        readonly glow: "rgba(36, 150, 237, 0.5)";
     };
     readonly nodejs: {
-        readonly color: "#339933";
+        readonly color: "#68a063";
         readonly icon: "Node";
+        readonly glow: "rgba(104, 160, 99, 0.5)";
     };
     readonly vue: {
-        readonly color: "#4fc08d";
+        readonly color: "#42d392";
         readonly icon: "Vue";
+        readonly glow: "rgba(66, 211, 146, 0.5)";
     };
     readonly angular: {
-        readonly color: "#dd0031";
+        readonly color: "#ff4785";
         readonly icon: "NG";
+        readonly glow: "rgba(255, 71, 133, 0.5)";
     };
     readonly java: {
-        readonly color: "#007396";
+        readonly color: "#ff9800";
         readonly icon: "☕";
+        readonly glow: "rgba(255, 152, 0, 0.5)";
     };
     readonly csharp: {
-        readonly color: "#239120";
+        readonly color: "#a179dc";
         readonly icon: "C#";
+        readonly glow: "rgba(161, 121, 220, 0.5)";
     };
     readonly php: {
-        readonly color: "#777bb4";
+        readonly color: "#8993be";
         readonly icon: "PHP";
+        readonly glow: "rgba(137, 147, 190, 0.5)";
     };
     readonly swift: {
-        readonly color: "#fa7343";
+        readonly color: "#ff6b6b";
         readonly icon: "🍎";
+        readonly glow: "rgba(255, 107, 107, 0.5)";
     };
     readonly kotlin: {
-        readonly color: "#7f52ff";
+        readonly color: "#b125ea";
         readonly icon: "KT";
+        readonly glow: "rgba(177, 37, 234, 0.5)";
     };
 };
 type Language = keyof typeof languages;
@@ -6081,9 +6097,9 @@ declare const codeSnippetsPresets: {
         readonly variant: "float";
         readonly speed: 1;
         readonly density: 1;
-        readonly opacity: 0.3;
+        readonly opacity: 0.7;
         readonly showIcons: true;
-        readonly glowEffect: false;
+        readonly glowEffect: true;
         readonly multiplier: 2;
     };
     readonly rain: {
@@ -6091,7 +6107,7 @@ declare const codeSnippetsPresets: {
         readonly variant: "rain";
         readonly speed: 1.5;
         readonly density: 1.5;
-        readonly opacity: 0.25;
+        readonly opacity: 0.6;
         readonly showIcons: false;
         readonly glowEffect: true;
         readonly multiplier: 3;
@@ -6101,7 +6117,7 @@ declare const codeSnippetsPresets: {
         readonly variant: "orbit";
         readonly speed: 0.5;
         readonly density: 1;
-        readonly opacity: 0.4;
+        readonly opacity: 0.8;
         readonly showIcons: true;
         readonly glowEffect: false;
         readonly multiplier: 1;
@@ -6111,11 +6127,31 @@ declare const codeSnippetsPresets: {
         readonly variant: "wave";
         readonly speed: 0.8;
         readonly density: 1.2;
-        readonly opacity: 0.35;
+        readonly opacity: 0.7;
         readonly showIcons: true;
         readonly glowEffect: true;
         readonly multiplier: 2;
     };
+    readonly subtle: {
+        readonly snippets: CodeSnippet[];
+        readonly variant: "float";
+        readonly speed: 0.5;
+        readonly density: 0.8;
+        readonly opacity: 0.3;
+        readonly showIcons: false;
+        readonly glowEffect: false;
+        readonly multiplier: 1;
+    };
+    readonly intense: {
+        readonly snippets: CodeSnippet[];
+        readonly variant: "wave";
+        readonly speed: 2;
+        readonly density: 2;
+        readonly opacity: 0.9;
+        readonly showIcons: true;
+        readonly glowEffect: true;
+        readonly multiplier: 3;
+    };
 };
 
 /**

package/dist/index.mjs

@@ -89736,22 +89736,22 @@ var GeometricPatterns = (props) => {
 };
 GeometricPatterns.displayName = "GeometricPatterns";
 var languages = {
-  javascript: { color: "#f7df1e", icon: "JS" },
-  typescript: { color: "#007acc", icon: "TS" },
-  python: { color: "#3776ab", icon: "PY" },
-  react: { color: "#61dafb", icon: "\u269B\uFE0F" },
-  rust: { color: "#dea584", icon: "\u{1F980}" },
-  go: { color: "#00add8", icon: "GO" },
-  sql: { color: "#336791", icon: "SQL" },
-  docker: { color: "#2496ed", icon: "\u{1F433}" },
-  nodejs: { color: "#339933", icon: "Node" },
-  vue: { color: "#4fc08d", icon: "Vue" },
-  angular: { color: "#dd0031", icon: "NG" },
-  java: { color: "#007396", icon: "\u2615" },
-  csharp: { color: "#239120", icon: "C#" },
-  php: { color: "#777bb4", icon: "PHP" },
-  swift: { color: "#fa7343", icon: "\u{1F34E}" },
-  kotlin: { color: "#7f52ff", icon: "KT" }
+  javascript: { color: "#ffd700", icon: "JS", glow: "rgba(255, 215, 0, 0.5)" },
+  typescript: { color: "#3178c6", icon: "TS", glow: "rgba(49, 120, 198, 0.5)" },
+  python: { color: "#4b8bbe", icon: "PY", glow: "rgba(75, 139, 190, 0.5)" },
+  react: { color: "#61dafb", icon: "\u269B\uFE0F", glow: "rgba(97, 218, 251, 0.5)" },
+  rust: { color: "#ff6b6b", icon: "\u{1F980}", glow: "rgba(255, 107, 107, 0.5)" },
+  go: { color: "#00d4ff", icon: "GO", glow: "rgba(0, 212, 255, 0.5)" },
+  sql: { color: "#6366f1", icon: "SQL", glow: "rgba(99, 102, 241, 0.5)" },
+  docker: { color: "#2496ed", icon: "\u{1F433}", glow: "rgba(36, 150, 237, 0.5)" },
+  nodejs: { color: "#68a063", icon: "Node", glow: "rgba(104, 160, 99, 0.5)" },
+  vue: { color: "#42d392", icon: "Vue", glow: "rgba(66, 211, 146, 0.5)" },
+  angular: { color: "#ff4785", icon: "NG", glow: "rgba(255, 71, 133, 0.5)" },
+  java: { color: "#ff9800", icon: "\u2615", glow: "rgba(255, 152, 0, 0.5)" },
+  csharp: { color: "#a179dc", icon: "C#", glow: "rgba(161, 121, 220, 0.5)" },
+  php: { color: "#8993be", icon: "PHP", glow: "rgba(137, 147, 190, 0.5)" },
+  swift: { color: "#ff6b6b", icon: "\u{1F34E}", glow: "rgba(255, 107, 107, 0.5)" },
+  kotlin: { color: "#b125ea", icon: "KT", glow: "rgba(177, 37, 234, 0.5)" }
 };
 var defaultSnippets = [
   {
@@ -89816,24 +89816,26 @@ function FloatingCodeItem({
       case "float":
         return {
           animate: {
-            opacity: [0.1, 0.4, 0.1],
+            opacity: [0.3, 0.7, 0.3],
             y: [0, -30, -60],
             x: [0, Math.random() * 20 - 10, Math.random() * 40 - 20],
-            rotate: [0, Math.random() * 10 - 5, Math.random() * 20 - 10]
+            rotate: [0, Math.random() * 10 - 5, Math.random() * 20 - 10],
+            scale: [1, 1.1, 1]
           },
           transition: {
             duration: (15 + Math.random() * 10) / speed,
             repeat: Infinity,
             delay: index2 * (0.5 / density),
-            ease: "linear"
+            ease: "easeInOut"
           }
         };
       case "rain":
         return {
           animate: {
-            opacity: [0, 0.3, 0.3, 0],
+            opacity: [0, 0.6, 0.6, 0],
             y: ["-100vh", "100vh"],
-            x: [0, Math.random() * 20 - 10]
+            x: [0, Math.random() * 20 - 10],
+            scale: [0.8, 1, 0.8]
           },
           transition: {
             duration: (10 + Math.random() * 5) / speed,
@@ -89847,7 +89849,7 @@ function FloatingCodeItem({
         const angle = index2 * 360 / 8 * Math.PI / 180;
         return {
           animate: {
-            opacity: [0.1, 0.4, 0.1],
+            opacity: [0.4, 0.8, 0.4],
             x: [
               Math.cos(angle) * radius,
               Math.cos(angle + Math.PI) * radius,
@@ -89857,7 +89859,8 @@ function FloatingCodeItem({
               Math.sin(angle) * radius,
               Math.sin(angle + Math.PI) * radius,
               Math.sin(angle) * radius
-            ]
+            ],
+            scale: [1, 1.2, 1]
           },
           transition: {
             duration: (20 + index2 * 2) / speed,
@@ -89868,7 +89871,7 @@ function FloatingCodeItem({
       case "wave":
         return {
           animate: {
-            opacity: [0.1, 0.4, 0.1],
+            opacity: [0.3, 0.7, 0.3],
             x: [0, 100, 0, -100, 0],
             y: [
               0,
@@ -89876,7 +89879,8 @@ function FloatingCodeItem({
               0,
               Math.sin(index2 + Math.PI) * 30,
               0
-            ]
+            ],
+            scale: [1, 1.15, 1]
           },
           transition: {
             duration: (15 + Math.random() * 5) / speed,
@@ -89906,14 +89910,17 @@ function FloatingCodeItem({
         top: `${position.y}%`,
         color: lang.color
       },
-      initial: { opacity: 0, scale: 0 },
-      ...animationConfig,
-      children: /* @__PURE__ */ jsxs("div", { className: "backdrop-blur-sm bg-black/10 rounded-md p-2", children: [
+      initial: { opacity: 0, scale: 0.5 },
+      animate: animationConfig.animate,
+      transition: animationConfig.transition,
+      children: /* @__PURE__ */ jsxs("div", { className: "backdrop-blur-sm bg-gradient-to-br from-black/20 to-black/10 rounded-lg p-3 border border-white/10 shadow-2xl", style: {
+        boxShadow: glowEffect ? `0 0 30px ${lang.glow}` : void 0
+      }, children: [
         snippet.title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1 opacity-60 text-[10px]", children: [
           showIcons && /* @__PURE__ */ jsx("span", { children: lang.icon }),
           /* @__PURE__ */ jsx("span", { children: snippet.title })
         ] }),
-        /* @__PURE__ */ jsx("pre", { className: "text-[10px] md:text-xs leading-relaxed", children: snippet.code })
+        /* @__PURE__ */ jsx("pre", { className: "text-[11px] md:text-sm leading-relaxed font-semibold", children: snippet.code })
       ] })
     }
   );
@@ -89923,9 +89930,9 @@ function CodeSnippets({
   variant = "float",
   speed = 1,
   density = 1,
-  opacity = 0.3,
+  opacity = 0.6,
   showIcons = true,
-  glowEffect = false,
+  glowEffect = true,
   className,
   multiplier = 2,
   position = "absolute"
@@ -89973,9 +89980,9 @@ var codeSnippetsPresets = {
     variant: "float",
     speed: 1,
     density: 1,
-    opacity: 0.3,
+    opacity: 0.7,
     showIcons: true,
-    glowEffect: false,
+    glowEffect: true,
     multiplier: 2
   },
   rain: {
@@ -89983,7 +89990,7 @@ var codeSnippetsPresets = {
     variant: "rain",
     speed: 1.5,
     density: 1.5,
-    opacity: 0.25,
+    opacity: 0.6,
     showIcons: false,
     glowEffect: true,
     multiplier: 3
@@ -89993,7 +90000,7 @@ var codeSnippetsPresets = {
     variant: "orbit",
     speed: 0.5,
     density: 1,
-    opacity: 0.4,
+    opacity: 0.8,
     showIcons: true,
     glowEffect: false,
     multiplier: 1
@@ -90003,10 +90010,30 @@ var codeSnippetsPresets = {
     variant: "wave",
     speed: 0.8,
     density: 1.2,
-    opacity: 0.35,
+    opacity: 0.7,
     showIcons: true,
     glowEffect: true,
     multiplier: 2
+  },
+  subtle: {
+    snippets: defaultSnippets,
+    variant: "float",
+    speed: 0.5,
+    density: 0.8,
+    opacity: 0.3,
+    showIcons: false,
+    glowEffect: false,
+    multiplier: 1
+  },
+  intense: {
+    snippets: defaultSnippets,
+    variant: "wave",
+    speed: 2,
+    density: 2,
+    opacity: 0.9,
+    showIcons: true,
+    glowEffect: true,
+    multiplier: 3
   }
 };
 init_use_subscription();

package/package.json

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