@moontra/moonui-pro 3.3.13 → 3.3.14

package/dist/index.d.ts

@@ -6211,7 +6211,7 @@ interface CodeSnippetsProps {
     /** Pozisyon türü - fixed veya absolute */
     position?: "fixed" | "absolute";
 }
-declare function CodeSnippets({ snippets, variant, speed, density, opacity, showIcons, glowEffect, className, multiplier, position }: CodeSnippetsProps): react_jsx_runtime.JSX.Element | null;
+declare function CodeSnippets({ snippets, variant, speed, density, opacity, showIcons, glowEffect, className, multiplier, position }: CodeSnippetsProps): react_jsx_runtime.JSX.Element;
 declare const codeSnippetsPresets: {
     readonly default: {
         readonly snippets: CodeSnippet[];

package/dist/index.mjs

@@ -91562,19 +91562,18 @@ function FloatingCodeItem({
   showIcons,
   glowEffect
 }) {
-  const [position, setPosition] = useState({ x: 0, y: 0 });
-  useEffect(() => {
-    setPosition({
-      x: Math.random() * 100,
-      y: Math.random() * 100
-    });
-  }, []);
+  const position = useMemo(() => ({
+    x: index2 * 137.5 % 100,
+    // Deterministik position hesaplama
+    y: index2 * 73.2 % 100
+  }), [index2]);
   const animationConfig = useMemo(() => {
     switch (variant) {
       case "float":
         return {
           animate: {
-            opacity: [0.3, 0.7, 0.3],
+            opacity: [0.4, 0.6, 0.4],
+            // Daha smooth opacity geçişi
             y: [0, -30, -60],
             x: [0, Math.random() * 20 - 10, Math.random() * 40 - 20],
             rotate: [0, Math.random() * 10 - 5, Math.random() * 20 - 10],
@@ -91607,7 +91606,8 @@ function FloatingCodeItem({
         const angle = index2 * 360 / 8 * Math.PI / 180;
         return {
           animate: {
-            opacity: [0.4, 0.8, 0.4],
+            opacity: [0.4, 0.6, 0.4],
+            // Daha smooth opacity
             x: [
               Math.cos(angle) * radius,
               Math.cos(angle + Math.PI) * radius,
@@ -91629,7 +91629,8 @@ function FloatingCodeItem({
       case "wave":
         return {
           animate: {
-            opacity: [0.3, 0.7, 0.3],
+            opacity: [0.4, 0.6, 0.4],
+            // Daha smooth opacity
             x: [0, 100, 0, -100, 0],
             y: [
               0,
@@ -91666,7 +91667,9 @@ function FloatingCodeItem({
       style: {
         left: `${position.x}%`,
         top: `${position.y}%`,
-        color: lang.color
+        color: lang.color,
+        willChange: "transform, opacity"
+        // GPU acceleration için
       },
       initial: { opacity: 0, scale: 0.5 },
       animate: animationConfig.animate,
@@ -91695,19 +91698,16 @@ function CodeSnippets({
   multiplier = 2,
   position = "absolute"
 }) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted)
-    return null;
-  const allSnippets = Array.from(
-    { length: multiplier },
-    (_, i) => snippets.map((snippet, j) => ({
-      ...snippet,
-      id: `${i}-${j}-${snippet.language}`
-    }))
-  ).flat();
+  const allSnippets = useMemo(
+    () => Array.from(
+      { length: multiplier },
+      (_, i) => snippets.map((snippet, j) => ({
+        ...snippet,
+        id: `${i}-${j}-${snippet.language}`
+      }))
+    ).flat(),
+    [snippets, multiplier]
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {

package/package.json

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