spatial-ui-universe 0.1.3 → 0.1.4

package/dist/index.d.mts

@@ -1,10 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
 
-declare function Scene({ coreColor, particleColor, particleCount, particleShape }: {
+declare function Scene({ coreColor, particleColor, particleCount, particleShape, children }: {
     coreColor?: string;
     particleColor?: string;
     particleCount?: number;
     particleShape?: "dodecahedron" | "icosahedron" | "box";
+    children?: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 declare const Button: ({ children, variant, className, customColor, customBg, customBorder, customRadius, customSize, style, ...props }: any) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -96,13 +96,9 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
   const time = (0, import_react.useRef)(0);
   const Y_AXIS = (0, import_react.useMemo)(() => new THREE.Vector3(0, 1, 0), []);
   const tempVel = (0, import_react.useMemo)(() => new THREE.Vector3(), []);
-  const linesGeom = (0, import_react.useMemo)(() => {
-    const geom = new THREE.BufferGeometry();
-    const maxLines = count * count;
-    const pos = new Float32Array(maxLines * 6);
-    geom.setAttribute("position", new THREE.BufferAttribute(pos, 3));
-    return geom;
-  }, [count]);
+  const maxBonds = 2500;
+  const bondsMeshRef = (0, import_react.useRef)(null);
+  const dummyBond = (0, import_react.useMemo)(() => new THREE.Object3D(), []);
   (0, import_fiber.useFrame)((_, delta) => {
     if (!active) return;
     time.current += delta;
@@ -119,11 +115,10 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       for (let i = 0; i < count; i++) {
         velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);
       }
-      if (linesGeom.attributes.position) linesGeom.setDrawRange(0, 0);
+      if (bondsMeshRef.current) bondsMeshRef.current.count = 0;
       return;
     }
-    let lineCount = 0;
-    const positionsAttr = linesGeom.attributes.position.array;
+    let bondCount = 0;
     let bondThreshold = 0;
     if (phase === 2) {
       bondThreshold = (t - 2) / 2 * 8;
@@ -153,14 +148,15 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
           const p2 = currentPositions.current[j];
           const distSq = p.distanceToSquared(p2);
           if (distSq < thresholdSq && distSq < 16) {
-            if (lineCount * 6 < positionsAttr.length - 6) {
-              positionsAttr[lineCount * 6] = p.x;
-              positionsAttr[lineCount * 6 + 1] = p.y;
-              positionsAttr[lineCount * 6 + 2] = p.z;
-              positionsAttr[lineCount * 6 + 3] = p2.x;
-              positionsAttr[lineCount * 6 + 4] = p2.y;
-              positionsAttr[lineCount * 6 + 5] = p2.z;
-              lineCount++;
+            if (bondCount < maxBonds) {
+              const dist = Math.sqrt(distSq);
+              const thickness = Math.max(0.015, 0.15 - dist * 0.035) * (bondThreshold / 8);
+              dummyBond.position.copy(p).lerp(p2, 0.5);
+              dummyBond.lookAt(p2);
+              dummyBond.scale.set(thickness, thickness, dist * 0.5);
+              dummyBond.updateMatrix();
+              if (bondsMeshRef.current) bondsMeshRef.current.setMatrixAt(bondCount, dummyBond.matrix);
+              bondCount++;
             }
           }
         }
@@ -180,8 +176,10 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);
     }
     if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;
-    linesGeom.attributes.position.needsUpdate = true;
-    linesGeom.setDrawRange(0, lineCount * 2);
+    if (bondsMeshRef.current) {
+      bondsMeshRef.current.count = bondCount;
+      bondsMeshRef.current.instanceMatrix.needsUpdate = true;
+    }
   });
   if (!active) return null;
   const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - (time.current - 6.5) / 1.5 * 0.4) : 0.4;
@@ -191,9 +189,21 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sphereGeometry", { args: [0.3, 16, 16] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meshStandardMaterial", { color, emissive: color, emissiveIntensity: 4, transparent: true, opacity: pointOpacity, roughness: 0, metalness: 1 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("lineSegments", { frustumCulled: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("primitive", { object: linesGeom, attach: "geometry" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("lineBasicMaterial", { color: "#ffffff", transparent: true, opacity: lineOpacity, blending: THREE.AdditiveBlending })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("instancedMesh", { ref: bondsMeshRef, args: [void 0, void 0, maxBonds], frustumCulled: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("sphereGeometry", { args: [1, 16, 16] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "meshStandardMaterial",
+        {
+          color: "#38bdf8",
+          transparent: true,
+          opacity: lineOpacity * 1.5,
+          roughness: 0,
+          metalness: 0.8,
+          envMapIntensity: 2,
+          blending: THREE.AdditiveBlending,
+          depthWrite: false
+        }
+      )
     ] })
   ] });
 }
@@ -514,7 +524,8 @@ function Scene({
   coreColor = "#312e81",
   particleColor = "#6366f1",
   particleCount = 150,
-  particleShape = "dodecahedron"
+  particleShape = "dodecahedron",
+  children
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_fiber.Canvas, { camera: { position: [0, 0, 12], fov: 45 }, gl: { alpha: true }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("color", { attach: "background", args: ["#020205"] }),
@@ -526,6 +537,7 @@ function Scene({
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlackHoleCore, { color: coreColor }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AsteroidField, { count: particleCount, color: particleColor, shape: particleShape }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NebulaClouds, {}),
+      children,
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drei.Stars, { radius: 150, depth: 100, count: 8e3, factor: 6, saturation: 1, fade: true, speed: 2 }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drei.Sparkles, { count: 300, scale: 25, size: 3, speed: 0.2, opacity: 0.4, color: "#818cf8" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drei.Sparkles, { count: 200, scale: 20, size: 1, speed: 0.4, opacity: 0.6, color: "#c084fc" }),

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/index.ts","../src/components/Scene.tsx","../src/components/UI.tsx"],"sourcesContent":["export { default as Scene } from '../components/Scene';\r\nexport { Button, TextBox, Dropdown, Card, Badge, Switch } from '../components/UI';","\"use client\";\r\n\r\nimport React, { useRef, useState, useMemo, useEffect } from \"react\";\r\nimport { Canvas, useFrame } from \"@react-three/fiber\";\r\nimport { Environment, Sparkles, Stars, Sphere, MeshDistortMaterial, Clouds, Cloud } from \"@react-three/drei\";\r\nimport * as THREE from \"three\";\r\n\r\n// Supernova Easter Egg Component\r\nfunction SupernovaEasterEgg({ active, color, onComplete }: { active: boolean, color: string, onComplete: () => void }) {\r\n  const count = 150;\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  \r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  \r\n  // Distribute particles perfectly on the sphere shell initially\r\n  const initialPositions = useMemo(() => {\r\n    const pts = [];\r\n    for(let i=0; i<count; i++) {\r\n        const p = new THREE.Vector3(\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2\r\n        ).normalize().multiplyScalar(1.5); // Start exactly on the Coreradius\r\n        pts.push(p);\r\n    }\r\n    return pts;\r\n  }, []);\r\n  \r\n  const velocities = useMemo(() => initialPositions.map(p => p.clone().normalize().multiplyScalar(Math.random() * 20 + 20)), [initialPositions]);\r\n  \r\n  const currentPositions = useRef(initialPositions.map(p => p.clone()));\r\n  const time = useRef(0);\r\n  const Y_AXIS = useMemo(() => new THREE.Vector3(0,1,0), []);\r\n  const tempVel = useMemo(() => new THREE.Vector3(), []);\r\n\r\n  const linesGeom = useMemo(() => {\r\n    const geom = new THREE.BufferGeometry();\r\n    const maxLines = count * count; \r\n    const pos = new Float32Array(maxLines * 6);\r\n    geom.setAttribute('position', new THREE.BufferAttribute(pos, 3));\r\n    return geom;\r\n  }, [count]);\r\n\r\n  useFrame((_, delta) => {\r\n    if (!active) return;\r\n    time.current += delta;\r\n    const t = time.current;\r\n\r\n    let phase = 0; \r\n    if (t < 2.0) phase = 1; // Violent Explosion\r\n    else if (t < 4.0) phase = 2; // Drift and expand lines\r\n    else if (t < 6.5) phase = 3; // Contract back to dense cage\r\n    else if (t < 8.0) phase = 4; // Fade dots out, let core emerge\r\n    else {\r\n        onComplete();\r\n        time.current = 0;\r\n        currentPositions.current = initialPositions.map(p => p.clone());\r\n        for(let i=0; i<count;i++) {\r\n            velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);\r\n        }\r\n        if (linesGeom.attributes.position) linesGeom.setDrawRange(0, 0);\r\n        return;\r\n    }\r\n\r\n    let lineCount = 0;\r\n    const positionsAttr = linesGeom.attributes.position.array as Float32Array;\r\n\r\n    let bondThreshold = 0;\r\n    if (phase === 2) {\r\n        bondThreshold = ((t - 2.0) / 2.0) * 8.0; // Lines grow from 0 to 8 radius seamlessly\r\n    } else if (phase >= 3) {\r\n        bondThreshold = 8.0; // Everything is connected\r\n    }\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        let p = currentPositions.current[i];\r\n        \r\n        if (phase === 1) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.92); // Viscous fluid drag\r\n            p.applyAxisAngle(Y_AXIS, delta * 2.0); // Orbital swirl\r\n        } else if (phase === 2) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.95); // Float freely\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5); // Slow drift\r\n        } else {\r\n            // Smoothly ease back right onto the original shell\r\n            const target = initialPositions[i];\r\n            p.lerp(target, 1.0 - Math.pow(0.001, delta)); // Highly sticky easing\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5);\r\n        }\r\n        \r\n        // Connect points into a mesh\r\n        if (bondThreshold > 0 && phase <= 4) {\r\n            const thresholdSq = bondThreshold * bondThreshold;\r\n            for (let j = i + 1; j < count; j++) {\r\n                const p2 = currentPositions.current[j];\r\n                const distSq = p.distanceToSquared(p2);\r\n                if (distSq < thresholdSq && distSq < 16.0) { // Keep reasonable draw limits (4.0^2)\r\n                    if (lineCount * 6 < positionsAttr.length - 6) {\r\n                        positionsAttr[lineCount * 6] = p.x;\r\n                        positionsAttr[lineCount * 6 + 1] = p.y;\r\n                        positionsAttr[lineCount * 6 + 2] = p.z;\r\n                        positionsAttr[lineCount * 6 + 3] = p2.x;\r\n                        positionsAttr[lineCount * 6 + 4] = p2.y;\r\n                        positionsAttr[lineCount * 6 + 5] = p2.z;\r\n                        lineCount++;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        // Scale handles visual pop nicely\r\n        let scale = 0.2;\r\n        if (phase === 1) {\r\n            scale = Math.max(0.1, 0.4 - p.length()*0.015);\r\n        } else if (phase === 2 || phase === 3) {\r\n            scale = 0.15;\r\n        } else if (phase === 4) {\r\n            // Fade out the physical dots smoothly as the core takes over\r\n            const progress = (t - 6.5) / 1.5;\r\n            scale = THREE.MathUtils.lerp(0.15, 0, progress);\r\n        }\r\n        \r\n        dummy.position.copy(p);\r\n        dummy.scale.set(scale, scale, scale);\r\n        dummy.updateMatrix();\r\n        if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);\r\n    }\r\n    \r\n    if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;\r\n    \r\n    linesGeom.attributes.position.needsUpdate = true;\r\n    linesGeom.setDrawRange(0, lineCount * 2);\r\n  });\r\n\r\n  if (!active) return null;\r\n\r\n  // Let bond lines fade during phase 4 smoothly\r\n  const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - ((time.current - 6.5)/1.5)*0.4) : 0.4;\r\n  const pointOpacity = time.current > 6.5 ? Math.max(0, 0.9 - ((time.current - 6.5)/1.5)*0.9) : 0.9;\r\n\r\n  return (\r\n    <group>\r\n      <instancedMesh ref={meshRef} args={[undefined, undefined, count]}>\r\n        <sphereGeometry args={[0.3, 16, 16]} />\r\n        <meshStandardMaterial color={color} emissive={color} emissiveIntensity={4} transparent opacity={pointOpacity} roughness={0} metalness={1} />\r\n      </instancedMesh>\r\n      <lineSegments frustumCulled={false}>\r\n        <primitive object={linesGeom} attach=\"geometry\" />\r\n        <lineBasicMaterial color=\"#ffffff\" transparent opacity={lineOpacity} blending={THREE.AdditiveBlending} />\r\n      </lineSegments>\r\n    </group>\r\n  );\r\n}\r\n\r\n// The central \"Black Hole\" or pulsing star\r\nexport function BlackHoleCore({ color = \"#312e81\" }: { color?: string }) {\r\n  const groupRef = useRef<THREE.Group>(null);\r\n  const visualsGroupRef = useRef<THREE.Group>(null);\r\n  const shockwaveRef = useRef<THREE.Mesh>(null);\r\n  const [clicked, setClicked] = useState(false);\r\n  const shockProgress = useRef(0);\r\n  const [easterEggActive, setEasterEggActive] = useState(false);\r\n  \r\n  // Track egg time internally for the BlackHole to know when to grow back\r\n  const eggTime = useRef(0);\r\n\r\n  const triggerShockwave = () => {\r\n    if (easterEggActive) return;\r\n    setClicked(true);\r\n    shockProgress.current = 0;\r\n    setTimeout(() => setClicked(false), 800);\r\n  };\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n      groupRef.current.rotation.y += delta * 0.05;\r\n      groupRef.current.rotation.x += delta * 0.02;\r\n    }\r\n\r\n    if (visualsGroupRef.current) {\r\n      if (easterEggActive) {\r\n        eggTime.current += delta;\r\n        // The egg takes 8.0s. It fades back in during Phase 4 (6.5s to 8.0s)\r\n        if (eggTime.current > 6.5) {\r\n            const progress = Math.min((eggTime.current - 6.5) / 1.5, 1.0);\r\n            const ease = 1 - Math.pow(1 - progress, 3); // cubic ease out\r\n            visualsGroupRef.current.scale.set(ease, ease, ease);\r\n        } else {\r\n            visualsGroupRef.current.scale.lerp(new THREE.Vector3(0, 0, 0), delta * 25); // Shrink intensely at start\r\n        }\r\n      } else {\r\n        eggTime.current = 0;\r\n        visualsGroupRef.current.scale.lerp(new THREE.Vector3(1, 1, 1), delta * 5);\r\n      }\r\n    }\r\n\r\n    if (clicked && shockProgress.current < 1) shockProgress.current += delta * 2;\r\n    else if (!clicked && shockProgress.current > 0) shockProgress.current -= delta * 1;\r\n    if (shockProgress.current < 0) shockProgress.current = 0;\r\n\r\n    if (shockwaveRef.current) {\r\n      const s = 1 + shockProgress.current * 15;\r\n      shockwaveRef.current.scale.set(s, s, s);\r\n      (shockwaveRef.current.material as THREE.Material).opacity = Math.max(0, 0.6 - shockProgress.current * 0.6);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group \r\n      ref={groupRef} \r\n      onClick={triggerShockwave} \r\n      onDoubleClick={() => setEasterEggActive(true)}\r\n      onPointerOver={(e) => { e.stopPropagation(); document.body.style.cursor = \"crosshair\"; }} \r\n      onPointerOut={() => { document.body.style.cursor = \"default\"; }}\r\n    >\r\n      <SupernovaEasterEgg active={easterEggActive} color={color} onComplete={() => setEasterEggActive(false)} />\r\n      \r\n      <group ref={visualsGroupRef}>\r\n        <Sphere args={[1.5, 64, 64]}>\r\n          <MeshDistortMaterial color=\"#000000\" emissive={color} emissiveIntensity={1.5} distort={0.4} speed={3} roughness={0.1} />\r\n        </Sphere>\r\n        \r\n        <mesh ref={shockwaveRef} rotation={[Math.PI / 2, 0, 0]}>\r\n          <ringGeometry args={[1.6, 2.0, 64]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0} side={THREE.DoubleSide} />\r\n        </mesh>\r\n\r\n        <mesh rotation={[Math.PI / 2.2, 0.1, 0]}>\r\n          <torusGeometry args={[3.2, 0.015, 16, 100]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0.5} />\r\n        </mesh>\r\n        <mesh rotation={[Math.PI / 2.2, -0.1, 0]}>\r\n          <torusGeometry args={[4.5, 0.03, 16, 100]} />\r\n          <meshBasicMaterial color=\"#38bdf8\" transparent opacity={0.3} />\r\n        </mesh>\r\n      </group>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Asteroid field that physically runs away from the user's mouse cursor\r\nexport function AsteroidField({ count = 150, color = \"#6366f1\", shape = \"dodecahedron\" }: { count?: number, color?: string, shape?: \"dodecahedron\" | \"icosahedron\" | \"box\" }) {\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  const linesRef = useRef<THREE.InstancedMesh>(null); // Dedicated mesh for warp speed light beams\r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  const [isPressing, setIsPressing] = useState(false);\r\n  const warpSpeedRef = useRef(0);\r\n  \r\n  // Listen for global pointer down to trigger Warp Speed\r\n  useEffect(() => {\r\n    const handleDown = () => setIsPressing(true);\r\n    const handleUp = () => setIsPressing(false);\r\n    window.addEventListener(\"pointerdown\", handleDown);\r\n    window.addEventListener(\"pointerup\", handleUp);\r\n    return () => {\r\n      window.removeEventListener(\"pointerdown\", handleDown);\r\n      window.removeEventListener(\"pointerup\", handleUp);\r\n    };\r\n  }, []);\r\n  \r\n  const particles = useMemo(() => {\r\n    return Array.from({ length: count }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 25, (Math.random() - 0.5) * 25, (Math.random() - 0.5) * 40), // wider Z\r\n      vel: new THREE.Vector3((Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04),\r\n      baseZSpeed: Math.random() * 0.05 + 0.01,\r\n      scale: Math.random() * 0.3 + 0.05,\r\n      rotSpeed: new THREE.Vector3(Math.random() * 0.1, Math.random() * 0.1, Math.random() * 0.1),\r\n      rotation: new THREE.Vector3()\r\n    }));\r\n  }, [count, shape]);\r\n\r\n  // Dedicated light beams that only appear during Warp Speed\r\n  const warpLinesCount = 300;\r\n  const warpLines = useMemo(() => {\r\n    return Array.from({ length: warpLinesCount }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 50, (Math.random() - 0.5) * 50, (Math.random() - 0.5) * 100),\r\n      speed: Math.random() * 0.8 + 0.5,\r\n      length: Math.random() * 5 + 3,\r\n    }));\r\n  }, [warpLinesCount]);\r\n\r\n  useFrame((state, delta) => {\r\n    // Warp speed smooth logic\r\n    const targetWarp = isPressing ? 1 : 0;\r\n    warpSpeedRef.current += (targetWarp - warpSpeedRef.current) * 0.05;\r\n    \r\n    const mouse3D = new THREE.Vector3(state.pointer.x * 12, state.pointer.y * 12, 2);\r\n    const pushDir = new THREE.Vector3();\r\n\r\n    // 1. Update Asteroids (Rocks) -> No stretching anymore! \r\n    if (meshRef.current) {\r\n        particles.forEach((p, i) => {\r\n          // If warp speed active, push rocks backwards extremely fast straight ahead\r\n          if (warpSpeedRef.current > 0.01) {\r\n             const currentVelX = THREE.MathUtils.lerp(p.vel.x, 0, warpSpeedRef.current);\r\n             const currentVelY = THREE.MathUtils.lerp(p.vel.y, 0, warpSpeedRef.current);\r\n             p.pos.set(p.pos.x + currentVelX, p.pos.y + currentVelY, p.pos.z + (p.baseZSpeed + warpSpeedRef.current * 4.0));\r\n             p.rotation.set(\r\n                 p.rotation.x + p.rotSpeed.x * (1 - warpSpeedRef.current),\r\n                 p.rotation.y + p.rotSpeed.y * (1 - warpSpeedRef.current),\r\n                 p.rotation.z + p.rotSpeed.z * (1 - warpSpeedRef.current)\r\n             );\r\n          } else {\r\n             p.pos.add(p.vel);\r\n             p.rotation.add(p.rotSpeed);\r\n             p.pos.z += p.baseZSpeed;\r\n          }\r\n\r\n          // Wrap around space boundaries\r\n          if (Math.abs(p.pos.x) > 20) p.vel.x *= -1;\r\n          if (Math.abs(p.pos.y) > 20) p.vel.y *= -1;\r\n          if (p.pos.z > 15) {\r\n             p.pos.z = -50; \r\n             p.pos.x = (Math.random() - 0.5) * 60; \r\n             p.pos.y = (Math.random() - 0.5) * 60;\r\n          }\r\n          if (p.pos.z < -60) p.vel.z *= -1;\r\n\r\n          // Mouse Repulsion Interaction\r\n          const dist = p.pos.distanceTo(mouse3D);\r\n          if (dist < 4 && warpSpeedRef.current < 0.5) {\r\n            pushDir.copy(p.pos).sub(mouse3D).normalize();\r\n            p.pos.add(pushDir.multiplyScalar((4 - dist) * 0.08));\r\n          }\r\n          \r\n          if (warpSpeedRef.current < 0.1) {\r\n            const s = Math.sin(0.001);\r\n            const c = Math.cos(0.001);\r\n            const x = p.pos.x;\r\n            const z = p.pos.z;\r\n            p.pos.x = x * c + z * s;\r\n            p.pos.z = z * c - x * s;\r\n          }\r\n\r\n          dummy.position.copy(p.pos);\r\n          // Preserve uniform scaling (NOT stretched like logs)\r\n          // Fade them out slightly by making them smaller if zooming past near camera bounds\r\n          const visualScale = p.scale * (1.0 - (warpSpeedRef.current * 0.5));\r\n          dummy.scale.setScalar(visualScale);\r\n          dummy.rotation.set(p.rotation.x, p.rotation.y, p.rotation.z);\r\n          dummy.updateMatrix();\r\n          meshRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        meshRef.current!.instanceMatrix.needsUpdate = true;\r\n    }\r\n\r\n    // 2. Update Warp Lines (Lasers) -> Only visible when warpSpeed > 0\r\n    if (linesRef.current) {\r\n        warpLines.forEach((line, i) => {\r\n            // Move incredibly fast during warp\r\n            line.pos.z += (line.speed + (warpSpeedRef.current * 8.0));\r\n            \r\n            // Loop lines back\r\n            if (line.pos.z > 15) {\r\n                line.pos.z = -80;\r\n                line.pos.x = (Math.random() - 0.5) * 50;\r\n                line.pos.y = (Math.random() - 0.5) * 50;\r\n            }\r\n\r\n            dummy.position.copy(line.pos);\r\n            // Orient cylinder along Z axis rigidly\r\n            dummy.rotation.set(Math.PI / 2, 0, 0); \r\n            // Stretch based on warp intensity\r\n            const stretch = line.length + (warpSpeedRef.current * 15.0);\r\n            const thinness = 1.0 - (warpSpeedRef.current * 0.8);\r\n            dummy.scale.set(thinness, stretch, thinness);\r\n            dummy.updateMatrix();\r\n            linesRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        linesRef.current.instanceMatrix.needsUpdate = true;\r\n        \r\n        // Link opacity to warp intensity directly\r\n        const mat = linesRef.current.material as THREE.Material;\r\n        mat.opacity = warpSpeedRef.current * 0.6; // Soft laser glow\r\n    }\r\n    \r\n    // Dynamic FOV for Tunnel effect\r\n    if (state.camera instanceof THREE.PerspectiveCamera) {\r\n      const targetFov = 45 + (warpSpeedRef.current * 30); \r\n      state.camera.fov += (targetFov - state.camera.fov) * 0.05;\r\n      state.camera.updateProjectionMatrix();\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group>\r\n        {/* The true asteroids (No stretching, just rocks) */}\r\n        <instancedMesh ref={meshRef} args={[undefined, undefined, count]} key={shape}>\r\n          {shape === \"dodecahedron\" && <dodecahedronGeometry args={[1, 0]} />}\r\n          {shape === \"icosahedron\" && <icosahedronGeometry args={[1, 0]} />}\r\n          {shape === \"box\" && <boxGeometry args={[1, 1, 1]} />}\r\n          <meshStandardMaterial color={color} roughness={0.4} metalness={0.6} />\r\n        </instancedMesh>\r\n        \r\n        {/* The sci-fi light speed trails */}\r\n        <instancedMesh ref={linesRef} args={[undefined, undefined, warpLinesCount]}>\r\n          <cylinderGeometry args={[0.08, 0.08, 1, 8]} />\r\n          <meshBasicMaterial color=\"#ffffff\" transparent opacity={0} blending={THREE.AdditiveBlending} depthWrite={false} />\r\n        </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Controls camera movement based on Scroll + Mouse Tracking\r\nfunction CameraController() {\r\n  useFrame((state) => {\r\n    // 1. SCROLL PARALLAX: moves camera down effectively floating through space as you scroll down\r\n    const scrollY = window.scrollY;\r\n    // Reduce Y target so the camera doesn't veer off too drastically\r\n    const targetY = (-scrollY * 0.005) + (state.pointer.y * 1.5);\r\n    \r\n    // 2. MOUSE PARALLAX: entire universe tilts slightly opposite to your mouse\r\n    const targetX = state.pointer.x * 2;\r\n    \r\n    // Smooth Lerp\r\n    state.camera.position.x += (targetX - state.camera.position.x) * 0.05;\r\n    state.camera.position.y += (targetY - state.camera.position.y) * 0.05;\r\n    \r\n    state.camera.lookAt(0, 0, 0);\r\n  });\r\n  return null;\r\n}\r\n\r\n// Background Nebula Clouds\r\nexport function NebulaClouds() {\r\n  const particleTexture = useMemo(() => {\r\n    // Generate a soft radial gradient for the \"cloud\" particle\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = 128;\r\n    canvas.height = 128;\r\n    const ctx = canvas.getContext('2d');\r\n    if (ctx) {\r\n      const gradient = ctx.createRadialGradient(64, 64, 0, 64, 64, 64);\r\n      gradient.addColorStop(0, 'rgba(255,255,255,1)');\r\n      gradient.addColorStop(0.3, 'rgba(255,255,255,0.4)');\r\n      gradient.addColorStop(0.7, 'rgba(255,255,255,0.05)');\r\n      gradient.addColorStop(1, 'rgba(0,0,0,0)');\r\n      ctx.fillStyle = gradient;\r\n      ctx.fillRect(0, 0, 128, 128);\r\n    }\r\n    return new THREE.CanvasTexture(canvas);\r\n  }, []);\r\n\r\n  const count = 400;\r\n  \r\n  // Use useMemo to generate organic nebula shapes (Perlin/Simplex noise-like clusters)\r\n  const { positions1, colors1, positions2, colors2 } = useMemo(() => {\r\n    const p1 = new Float32Array(count * 3);\r\n    const c1 = new Float32Array(count * 3);\r\n    const p2 = new Float32Array(count * 3);\r\n    const c2 = new Float32Array(count * 3);\r\n\r\n    const baseColor1 = new THREE.Color(\"#4c1d95\"); // Deep Purple\r\n    const accentColor1 = new THREE.Color(\"#be185d\"); // Deep Pink\r\n    \r\n    const baseColor2 = new THREE.Color(\"#1e3a8a\"); // Deep Blue\r\n    const accentColor2 = new THREE.Color(\"#0ea5e9\"); // Cyan\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        // Nebula 1: Large sweeping galactic arm\r\n        const angle = Math.random() * Math.PI * 2;\r\n        const radius = 10 + Math.random() * 40;\r\n        const spreadY = (Math.random() - 0.5) * 15;\r\n        p1[i * 3] = Math.cos(angle) * radius + (Math.random()-0.5)*15;\r\n        p1[i * 3 + 1] = spreadY + (Math.random()-0.5)*10;\r\n        p1[i * 3 + 2] = Math.sin(angle) * radius - 20 + (Math.random()-0.5)*15;\r\n        \r\n        const mixColor1 = baseColor1.clone().lerp(accentColor1, Math.random());\r\n        c1[i * 3] = mixColor1.r;\r\n        c1[i * 3 + 1] = mixColor1.g;\r\n        c1[i * 3 + 2] = mixColor1.b;\r\n\r\n        // Nebula 2: Concentrated core / diffuse background\r\n        const angle2 = Math.random() * Math.PI * 2;\r\n        const radius2 = Math.random() * 35;\r\n        p2[i * 3] = Math.cos(angle2) * radius2 * 1.5;\r\n        p2[i * 3 + 1] = (Math.random() - 0.5) * 25;\r\n        p2[i * 3 + 2] = Math.sin(angle2) * radius2 - 30;\r\n\r\n        const mixColor2 = baseColor2.clone().lerp(accentColor2, Math.random());\r\n        c2[i * 3] = mixColor2.r;\r\n        c2[i * 3 + 1] = mixColor2.g;\r\n        c2[i * 3 + 2] = mixColor2.b;\r\n    }\r\n    return { positions1: p1, colors1: c1, positions2: p2, colors2: c2 };\r\n  }, [count]);\r\n\r\n  const groupRef = useRef<THREE.Group>(null);\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n        // Extremely slow drift of the entire nebula to make it feel alive\r\n        groupRef.current.rotation.y += delta * 0.01;\r\n        groupRef.current.rotation.z += delta * 0.002;\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group ref={groupRef} position={[0, 0, -10]}>\r\n      <points>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions1, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors1, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={35} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.08} \r\n          depthWrite={false}\r\n          depthTest={false} \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n      <points rotation={[0.2, 0.5, -0.1]}>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions2, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors2, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={45} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.06} \r\n          depthWrite={false}\r\n          depthTest={false}  \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n    </group>\r\n  );\r\n}\r\n\r\nexport default function Scene({ \r\n  coreColor = \"#312e81\", \r\n  particleColor = \"#6366f1\", \r\n  particleCount = 150, \r\n  particleShape = \"dodecahedron\" \r\n}: { \r\n  coreColor?: string, \r\n  particleColor?: string, \r\n  particleCount?: number, \r\n  particleShape?: \"dodecahedron\" | \"icosahedron\" | \"box\" \r\n}) {\r\n  return (\r\n    <div className=\"absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]\">\r\n      <Canvas camera={{ position: [0, 0, 12], fov: 45 }} gl={{ alpha: true }}>\r\n        <color attach=\"background\" args={['#020205']} />\r\n        <React.Suspense fallback={null}>\r\n          <ambientLight intensity={0.5} />\r\n          <directionalLight position={[10, 10, 5]} intensity={3} color=\"#818cf8\" />\r\n          <directionalLight position={[-10, -10, -5]} intensity={2} color=\"#c084fc\" />\r\n          \r\n          <CameraController />\r\n          <BlackHoleCore color={coreColor} />\r\n          <AsteroidField count={particleCount} color={particleColor} shape={particleShape} />\r\n          <NebulaClouds />\r\n          \r\n          {/* Dense Universe Stars & Sparkles */}\r\n          <Stars radius={150} depth={100} count={8000} factor={6} saturation={1} fade speed={2} />\r\n          <Sparkles count={300} scale={25} size={3} speed={0.2} opacity={0.4} color=\"#818cf8\" />\r\n          <Sparkles count={200} scale={20} size={1} speed={0.4} opacity={0.6} color=\"#c084fc\" />\r\n          <Sparkles count={100} scale={30} size={6} speed={0.1} opacity={0.2} color=\"#2dd4bf\" />\r\n          \r\n          <Environment preset=\"city\" />\r\n        </React.Suspense>\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","\"use client\";\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nexport const Button = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  customSize,\n  style,\n  ...props \n}: any) => {\n  const base = \"font-medium transition-all duration-300 relative overflow-hidden group active:scale-95 flex items-center justify-center\";\n  const sizeClass = customSize === 'sm' ? 'px-4 py-2 text-sm' : customSize === 'lg' ? 'px-8 py-4 text-lg' : 'px-6 py-3';\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <button \n        className={`${sizeClass} font-mono font-bold tracking-[0.2em] uppercase text-xs transition-all relative overflow-hidden group active:scale-95 flex items-center justify-center bg-zinc-900 border-l-4 border-l-yellow-500 border-y border-y-zinc-800 border-r border-r-zinc-800 text-zinc-300 hover:text-white hover:bg-zinc-800 hover:border-l-yellow-400 ${className}`}\n        style={{ clipPath: \"polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)\", ...customStyles }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_2px,rgba(255,255,255,0.02)_2px,rgba(255,255,255,0.02)_4px)] pointer-events-none\" />\n        <span className=\"relative z-10 flex items-center gap-2\">\n          {children}\n        </span>\n        <div className=\"absolute right-2 bottom-2 w-1.5 h-1.5 bg-yellow-500/50 group-hover:bg-yellow-400\" />\n      </button>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-white text-black hover:bg-zinc-200 active:bg-zinc-300 hover:shadow-lg rounded-lg\",\n    glow: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50 hover:bg-indigo-500/40 hover:shadow-[0_0_20px_rgba(99,102,241,0.4)] active:bg-indigo-500/50 rounded-lg\",\n    ghost: \"bg-transparent text-zinc-300 hover:bg-white/10 active:bg-white/20 rounded-lg\",\n    outline: \"bg-transparent border border-white/20 text-white hover:border-white/60 hover:bg-white/5 active:bg-white/10 rounded-lg\",\n    danger: \"bg-rose-500/10 border border-rose-500/50 text-rose-400 hover:bg-rose-500/20 hover:shadow-[0_0_20px_rgba(244,63,94,0.4)] active:bg-rose-500/30 rounded-lg\"\n  };\n  \n  return (\n    <button \n      className={`${base} ${sizeClass} ${(variants as any)[variant] || variants.primary} ${className}`} \n      style={customStyles}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children}</span>\n    </button>\n  );\n};\n\nexport const TextBox = ({ \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"w-full focus:outline-none transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500\",\n    underline: \"bg-transparent border-b-2 border-white/10 px-0 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 rounded-none\",\n    glow: \"bg-indigo-500/5 border border-indigo-500/30 rounded-xl px-4 py-3 text-indigo-100 placeholder:text-indigo-500/50 focus:border-indigo-400 focus:shadow-[0_0_20px_rgba(99,102,241,0.2)]\",\n    mecha: \"bg-black border border-zinc-800 focus:border-yellow-500 text-yellow-50 font-mono text-sm px-4 py-3 rounded-none placeholder:text-zinc-700 relative z-10 w-full\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`relative ${className}`} style={{ ...(customRadius && { borderRadius: customRadius }) }}>\n        <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <input \n          className={variants.mecha}\n          style={customStyles}\n          {...props}\n        />\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-mono text-yellow-500/30 pointer-events-none\">[INPUT]</div>\n      </div>\n    );\n  }\n\n  return (\n    <input \n      className={`${base} ${(variants as any)[variant] || variants.default} ${className}`}\n      style={customStyles}\n      {...props}\n    />\n  );\n};\n\nexport const Dropdown = ({ options = [], variant = 'default', placeholder = \"Select...\", className = '' }: any) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selected, setSelected] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const base = \"w-full transition-all cursor-pointer flex justify-between items-center\";\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500\",\n    ghost: \"bg-white/5 border border-transparent rounded-xl px-4 py-3 text-zinc-300 hover:bg-white/10 focus:bg-[#0a0a0f] focus:border-indigo-500\",\n    mecha: \"bg-black border border-zinc-800 rounded-none px-4 py-3 text-yellow-50 font-mono text-sm hover:border-yellow-500/50 focus:border-yellow-500 relative\"\n  };\n\n  return (\n    <div className={`relative ${className}`} ref={dropdownRef}>\n      {variant === 'mecha' && (\n        <>\n          <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 z-10 pointer-events-none\" />\n          <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 z-10 pointer-events-none\" />\n        </>\n      )}\n      <div \n        className={`${base} ${(variants as any)[variant] || variants.default}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <span className={selected ? 'text-white' : 'text-zinc-500'}>\n          {selected || placeholder}\n        </span>\n        <svg className={`w-4 h-4 text-zinc-500 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {isOpen && (\n        <div className={`absolute z-50 w-full mt-2 overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200 ${variant === 'mecha' ? 'bg-black border border-yellow-500/50 rounded-none shadow-[0_0_20px_rgba(234,179,8,0.1)]' : 'bg-[#0a0a0f] border border-white/10 rounded-xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)]'}`}>\n          <div className=\"max-h-60 overflow-y-auto custom-scrollbar\">\n            {options.map((opt: string, i: number) => (\n              <div \n                key={i} \n                className={variant === 'mecha' \n                  ? `px-4 py-3 text-sm cursor-pointer transition-colors font-mono ${selected === opt ? 'bg-yellow-500/20 text-yellow-300 border-l-2 border-yellow-500' : 'text-zinc-400 hover:bg-zinc-900 border-l-2 border-transparent hover:text-white'}`\n                  : `px-4 py-3 text-sm cursor-pointer transition-colors ${selected === opt ? 'bg-indigo-500/20 text-indigo-300' : 'text-zinc-300 hover:bg-white/10 hover:text-white'}`\n                }\n                onClick={() => {\n                  setSelected(opt);\n                  setIsOpen(false);\n                }}\n              >\n                {opt}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Card = ({ \n  children, \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"transition-all duration-300 relative overflow-hidden\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"p-6 rounded-2xl bg-[#050508] border border-white/10\",\n    glow: \"p-6 rounded-2xl bg-indigo-900/10 border border-indigo-500/30 shadow-[0_0_30px_rgba(99,102,241,0.15)]\",\n    glass: \"p-6 rounded-2xl bg-white/[0.08] backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_0_rgba(255,255,255,0.05)]\",\n    mecha: \"p-8 rounded-none bg-zinc-900/80 border border-zinc-800 backdrop-blur-sm\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`${base} ${variants.mecha} ${className}`} style={customStyles} {...props}>\n        {/* Mecha Card Accents */}\n        <div className=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        \n        {/* Warning track background */}\n        <div className=\"absolute bottom-0 left-10 right-10 h-[2px] bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(234,179,8,0.5)_4px,rgba(234,179,8,0.5)_8px)] pointer-events-none\" />\n        \n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Badge = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"px-2.5 py-0.5 rounded-full text-xs font-semibold tracking-wider uppercase transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <span className={`px-2 py-1 bg-yellow-500/10 border border-yellow-500/50 text-[#eab308] text-[9px] font-mono font-bold tracking-[0.2em] relative uppercase ${className}`} style={customStyles} {...props}>\n        <span className=\"absolute -left-1 flex items-center justify-center top-1/2 -translate-y-1/2 h-full gap-[1px] bg-[#020205] px-[2px]\">\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n        </span>\n        <span className=\"pl-1\">{children}</span>\n      </span>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50\",\n    success: \"bg-emerald-500/20 text-emerald-300 border border-emerald-500/50\",\n    danger: \"bg-rose-500/20 text-rose-300 border border-rose-500/50\",\n    outline: \"bg-transparent text-zinc-400 border border-zinc-700\"\n  };\n\n  return (\n    <span className={`${base} ${(variants as any)[variant] || variants.primary} ${className}`} style={customStyles} {...props}>\n      {children}\n    </span>\n  );\n};\n\nexport const Switch = ({ \n  checked, \n  onChange, \n  variant = 'default', \n  className = '',\n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const customStyles = {\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div \n        className={`w-14 h-6 border-2 border-zinc-700 bg-zinc-900 relative cursor-pointer flex items-center p-0.5 transition-colors ${checked ? 'border-yellow-500/50' : ''} ${className}`} \n        onClick={onChange}\n        style={customStyles}\n        {...props}\n      >\n        {/* Warning track background */}\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(255,255,255,0.02)_4px,rgba(255,255,255,0.02)_8px)] pointer-events-none\" />\n        <div \n          className={`w-5 h-4 bg-zinc-400 absolute transition-all duration-300 ease-out flex items-center justify-center ${checked ? 'left-[30px] bg-yellow-500 shadow-[0_0_10px_rgba(234,179,8,0.5)]' : 'left-0.5'}`} \n          style={{ backgroundColor: checked && customColor ? customColor : undefined, boxShadow: checked && customColor ? `0 0 10px ${customColor}` : undefined }}\n        >\n           <div className={`w-[2px] h-2 ${checked ? 'bg-black/50' : 'bg-black/20'}`} />\n        </div>\n      </div>\n    );\n  }\n\n  const base = \"w-11 h-6 rounded-full relative cursor-pointer transition-colors duration-300\";\n  const variants = {\n    default: checked ? \"bg-white\" : \"bg-zinc-800\",\n    glow: checked ? \"bg-indigo-500 shadow-[0_0_15px_rgba(99,102,241,0.5)]\" : \"bg-zinc-800\"\n  };\n  const thumbBase = \"w-4 h-4 rounded-full absolute top-1 transition-all duration-300\";\n  const thumbVariants = {\n    default: checked ? \"left-6 bg-black\" : \"left-1 bg-zinc-400\",\n    glow: checked ? \"left-6 bg-white\" : \"left-1 bg-zinc-500\"\n  };\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} onClick={onChange} {...props}>\n      <div className={`${thumbBase} ${(thumbVariants as any)[variant] || thumbVariants.default}`} style={{ backgroundColor: checked && customColor ? customColor : undefined }} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["React","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../src/lib/index.ts","../src/components/Scene.tsx","../src/components/UI.tsx"],"sourcesContent":["export { default as Scene } from '../components/Scene';\r\nexport { Button, TextBox, Dropdown, Card, Badge, Switch } from '../components/UI';","\"use client\";\r\n\r\nimport React, { useRef, useState, useMemo, useEffect } from \"react\";\r\nimport { Canvas, useFrame } from \"@react-three/fiber\";\r\nimport { Environment, Sparkles, Stars, Sphere, MeshDistortMaterial, Clouds, Cloud } from \"@react-three/drei\";\r\nimport * as THREE from \"three\";\r\n\r\n// Supernova Easter Egg Component\r\nfunction SupernovaEasterEgg({ active, color, onComplete }: { active: boolean, color: string, onComplete: () => void }) {\r\n  const count = 150;\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  \r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  \r\n  // Distribute particles perfectly on the sphere shell initially\r\n  const initialPositions = useMemo(() => {\r\n    const pts = [];\r\n    for(let i=0; i<count; i++) {\r\n        const p = new THREE.Vector3(\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2\r\n        ).normalize().multiplyScalar(1.5); // Start exactly on the Coreradius\r\n        pts.push(p);\r\n    }\r\n    return pts;\r\n  }, []);\r\n  \r\n  const velocities = useMemo(() => initialPositions.map(p => p.clone().normalize().multiplyScalar(Math.random() * 20 + 20)), [initialPositions]);\r\n  \r\n  const currentPositions = useRef(initialPositions.map(p => p.clone()));\r\n  const time = useRef(0);\r\n  const Y_AXIS = useMemo(() => new THREE.Vector3(0,1,0), []);\r\n  const tempVel = useMemo(() => new THREE.Vector3(), []);\r\n\r\n  const maxBonds = 2500;\r\n  const bondsMeshRef = useRef<THREE.InstancedMesh>(null);\r\n  const dummyBond = useMemo(() => new THREE.Object3D(), []);\r\n\r\n  useFrame((_, delta) => {\r\n    if (!active) return;\r\n    time.current += delta;\r\n    const t = time.current;\r\n\r\n    let phase = 0; \r\n    if (t < 2.0) phase = 1; // Violent Explosion\r\n    else if (t < 4.0) phase = 2; // Drift and expand lines\r\n    else if (t < 6.5) phase = 3; // Contract back to dense cage\r\n    else if (t < 8.0) phase = 4; // Fade dots out, let core emerge\r\n    else {\r\n        onComplete();\r\n        time.current = 0;\r\n        currentPositions.current = initialPositions.map(p => p.clone());\r\n        for(let i=0; i<count;i++) {\r\n            velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);\r\n        }\r\n        if (bondsMeshRef.current) bondsMeshRef.current.count = 0;\r\n        return;\r\n    }\r\n\r\n    let bondCount = 0;\r\n\r\n    let bondThreshold = 0;\r\n    if (phase === 2) {\r\n        bondThreshold = ((t - 2.0) / 2.0) * 8.0; // Lines grow from 0 to 8 radius seamlessly\r\n    } else if (phase >= 3) {\r\n        bondThreshold = 8.0; // Everything is connected\r\n    }\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        let p = currentPositions.current[i];\r\n        \r\n        if (phase === 1) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.92); // Viscous fluid drag\r\n            p.applyAxisAngle(Y_AXIS, delta * 2.0); // Orbital swirl\r\n        } else if (phase === 2) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.95); // Float freely\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5); // Slow drift\r\n        } else {\r\n            // Smoothly ease back right onto the original shell\r\n            const target = initialPositions[i];\r\n            p.lerp(target, 1.0 - Math.pow(0.001, delta)); // Highly sticky easing\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5);\r\n        }\r\n        \r\n        // Connect points into a liquid mesh\r\n        if (bondThreshold > 0 && phase <= 4) {\r\n            const thresholdSq = bondThreshold * bondThreshold;\r\n            for (let j = i + 1; j < count; j++) {\r\n                const p2 = currentPositions.current[j];\r\n                const distSq = p.distanceToSquared(p2);\r\n                if (distSq < thresholdSq && distSq < 16.0) { // Keep reasonable draw limits (4.0^2)\r\n                    if (bondCount < maxBonds) {\r\n                        const dist = Math.sqrt(distSq);\r\n                        // liquid thickness: thicker when close, thin when far\r\n                        const thickness = Math.max(0.015, 0.15 - (dist * 0.035)) * (bondThreshold / 8.0);\r\n                        \r\n                        dummyBond.position.copy(p).lerp(p2, 0.5); // center point\r\n                        dummyBond.lookAt(p2); // Orient Z axis toward p2\r\n                        dummyBond.scale.set(thickness, thickness, dist * 0.5); // scale Z to bridge the gap exactly\r\n                        dummyBond.updateMatrix();\r\n                        \r\n                        if (bondsMeshRef.current) bondsMeshRef.current.setMatrixAt(bondCount, dummyBond.matrix);\r\n                        bondCount++;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        // Scale handles visual pop nicely\r\n        let scale = 0.2;\r\n        if (phase === 1) {\r\n            scale = Math.max(0.1, 0.4 - p.length()*0.015);\r\n        } else if (phase === 2 || phase === 3) {\r\n            scale = 0.15;\r\n        } else if (phase === 4) {\r\n            // Fade out the physical dots smoothly as the core takes over\r\n            const progress = (t - 6.5) / 1.5;\r\n            scale = THREE.MathUtils.lerp(0.15, 0, progress);\r\n        }\r\n        \r\n        dummy.position.copy(p);\r\n        dummy.scale.set(scale, scale, scale);\r\n        dummy.updateMatrix();\r\n        if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);\r\n    }\r\n    \r\n    if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;\r\n    \r\n    if (bondsMeshRef.current) {\r\n        bondsMeshRef.current.count = bondCount;\r\n        bondsMeshRef.current.instanceMatrix.needsUpdate = true;\r\n    }\r\n  });\r\n\r\n  if (!active) return null;\r\n\r\n  // Let bond lines fade during phase 4 smoothly\r\n  const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - ((time.current - 6.5)/1.5)*0.4) : 0.4;\r\n  const pointOpacity = time.current > 6.5 ? Math.max(0, 0.9 - ((time.current - 6.5)/1.5)*0.9) : 0.9;\r\n\r\n  return (\r\n    <group>\r\n      <instancedMesh ref={meshRef} args={[undefined, undefined, count]}>\r\n        <sphereGeometry args={[0.3, 16, 16]} />\r\n        <meshStandardMaterial color={color} emissive={color} emissiveIntensity={4} transparent opacity={pointOpacity} roughness={0} metalness={1} />\r\n      </instancedMesh>\r\n      <instancedMesh ref={bondsMeshRef} args={[undefined, undefined, maxBonds]} frustumCulled={false}>\r\n        <sphereGeometry args={[1, 16, 16]} />\r\n        <meshStandardMaterial \r\n            color=\"#38bdf8\" \r\n            transparent \r\n            opacity={lineOpacity * 1.5} \r\n            roughness={0.0} \r\n            metalness={0.8} \r\n            envMapIntensity={2.0} \r\n            blending={THREE.AdditiveBlending} \r\n            depthWrite={false}\r\n        />\r\n      </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// The central \"Black Hole\" or pulsing star\r\nexport function BlackHoleCore({ color = \"#312e81\" }: { color?: string }) {\r\n  const groupRef = useRef<THREE.Group>(null);\r\n  const visualsGroupRef = useRef<THREE.Group>(null);\r\n  const shockwaveRef = useRef<THREE.Mesh>(null);\r\n  const [clicked, setClicked] = useState(false);\r\n  const shockProgress = useRef(0);\r\n  const [easterEggActive, setEasterEggActive] = useState(false);\r\n  \r\n  // Track egg time internally for the BlackHole to know when to grow back\r\n  const eggTime = useRef(0);\r\n\r\n  const triggerShockwave = () => {\r\n    if (easterEggActive) return;\r\n    setClicked(true);\r\n    shockProgress.current = 0;\r\n    setTimeout(() => setClicked(false), 800);\r\n  };\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n      groupRef.current.rotation.y += delta * 0.05;\r\n      groupRef.current.rotation.x += delta * 0.02;\r\n    }\r\n\r\n    if (visualsGroupRef.current) {\r\n      if (easterEggActive) {\r\n        eggTime.current += delta;\r\n        // The egg takes 8.0s. It fades back in during Phase 4 (6.5s to 8.0s)\r\n        if (eggTime.current > 6.5) {\r\n            const progress = Math.min((eggTime.current - 6.5) / 1.5, 1.0);\r\n            const ease = 1 - Math.pow(1 - progress, 3); // cubic ease out\r\n            visualsGroupRef.current.scale.set(ease, ease, ease);\r\n        } else {\r\n            visualsGroupRef.current.scale.lerp(new THREE.Vector3(0, 0, 0), delta * 25); // Shrink intensely at start\r\n        }\r\n      } else {\r\n        eggTime.current = 0;\r\n        visualsGroupRef.current.scale.lerp(new THREE.Vector3(1, 1, 1), delta * 5);\r\n      }\r\n    }\r\n\r\n    if (clicked && shockProgress.current < 1) shockProgress.current += delta * 2;\r\n    else if (!clicked && shockProgress.current > 0) shockProgress.current -= delta * 1;\r\n    if (shockProgress.current < 0) shockProgress.current = 0;\r\n\r\n    if (shockwaveRef.current) {\r\n      const s = 1 + shockProgress.current * 15;\r\n      shockwaveRef.current.scale.set(s, s, s);\r\n      (shockwaveRef.current.material as THREE.Material).opacity = Math.max(0, 0.6 - shockProgress.current * 0.6);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group \r\n      ref={groupRef} \r\n      onClick={triggerShockwave} \r\n      onDoubleClick={() => setEasterEggActive(true)}\r\n      onPointerOver={(e) => { e.stopPropagation(); document.body.style.cursor = \"crosshair\"; }} \r\n      onPointerOut={() => { document.body.style.cursor = \"default\"; }}\r\n    >\r\n      <SupernovaEasterEgg active={easterEggActive} color={color} onComplete={() => setEasterEggActive(false)} />\r\n      \r\n      <group ref={visualsGroupRef}>\r\n        <Sphere args={[1.5, 64, 64]}>\r\n          <MeshDistortMaterial color=\"#000000\" emissive={color} emissiveIntensity={1.5} distort={0.4} speed={3} roughness={0.1} />\r\n        </Sphere>\r\n        \r\n        <mesh ref={shockwaveRef} rotation={[Math.PI / 2, 0, 0]}>\r\n          <ringGeometry args={[1.6, 2.0, 64]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0} side={THREE.DoubleSide} />\r\n        </mesh>\r\n\r\n        <mesh rotation={[Math.PI / 2.2, 0.1, 0]}>\r\n          <torusGeometry args={[3.2, 0.015, 16, 100]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0.5} />\r\n        </mesh>\r\n        <mesh rotation={[Math.PI / 2.2, -0.1, 0]}>\r\n          <torusGeometry args={[4.5, 0.03, 16, 100]} />\r\n          <meshBasicMaterial color=\"#38bdf8\" transparent opacity={0.3} />\r\n        </mesh>\r\n      </group>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Asteroid field that physically runs away from the user's mouse cursor\r\nexport function AsteroidField({ count = 150, color = \"#6366f1\", shape = \"dodecahedron\" }: { count?: number, color?: string, shape?: \"dodecahedron\" | \"icosahedron\" | \"box\" }) {\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  const linesRef = useRef<THREE.InstancedMesh>(null); // Dedicated mesh for warp speed light beams\r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  const [isPressing, setIsPressing] = useState(false);\r\n  const warpSpeedRef = useRef(0);\r\n  \r\n  // Listen for global pointer down to trigger Warp Speed\r\n  useEffect(() => {\r\n    const handleDown = () => setIsPressing(true);\r\n    const handleUp = () => setIsPressing(false);\r\n    window.addEventListener(\"pointerdown\", handleDown);\r\n    window.addEventListener(\"pointerup\", handleUp);\r\n    return () => {\r\n      window.removeEventListener(\"pointerdown\", handleDown);\r\n      window.removeEventListener(\"pointerup\", handleUp);\r\n    };\r\n  }, []);\r\n  \r\n  const particles = useMemo(() => {\r\n    return Array.from({ length: count }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 25, (Math.random() - 0.5) * 25, (Math.random() - 0.5) * 40), // wider Z\r\n      vel: new THREE.Vector3((Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04),\r\n      baseZSpeed: Math.random() * 0.05 + 0.01,\r\n      scale: Math.random() * 0.3 + 0.05,\r\n      rotSpeed: new THREE.Vector3(Math.random() * 0.1, Math.random() * 0.1, Math.random() * 0.1),\r\n      rotation: new THREE.Vector3()\r\n    }));\r\n  }, [count, shape]);\r\n\r\n  // Dedicated light beams that only appear during Warp Speed\r\n  const warpLinesCount = 300;\r\n  const warpLines = useMemo(() => {\r\n    return Array.from({ length: warpLinesCount }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 50, (Math.random() - 0.5) * 50, (Math.random() - 0.5) * 100),\r\n      speed: Math.random() * 0.8 + 0.5,\r\n      length: Math.random() * 5 + 3,\r\n    }));\r\n  }, [warpLinesCount]);\r\n\r\n  useFrame((state, delta) => {\r\n    // Warp speed smooth logic\r\n    const targetWarp = isPressing ? 1 : 0;\r\n    warpSpeedRef.current += (targetWarp - warpSpeedRef.current) * 0.05;\r\n    \r\n    const mouse3D = new THREE.Vector3(state.pointer.x * 12, state.pointer.y * 12, 2);\r\n    const pushDir = new THREE.Vector3();\r\n\r\n    // 1. Update Asteroids (Rocks) -> No stretching anymore! \r\n    if (meshRef.current) {\r\n        particles.forEach((p, i) => {\r\n          // If warp speed active, push rocks backwards extremely fast straight ahead\r\n          if (warpSpeedRef.current > 0.01) {\r\n             const currentVelX = THREE.MathUtils.lerp(p.vel.x, 0, warpSpeedRef.current);\r\n             const currentVelY = THREE.MathUtils.lerp(p.vel.y, 0, warpSpeedRef.current);\r\n             p.pos.set(p.pos.x + currentVelX, p.pos.y + currentVelY, p.pos.z + (p.baseZSpeed + warpSpeedRef.current * 4.0));\r\n             p.rotation.set(\r\n                 p.rotation.x + p.rotSpeed.x * (1 - warpSpeedRef.current),\r\n                 p.rotation.y + p.rotSpeed.y * (1 - warpSpeedRef.current),\r\n                 p.rotation.z + p.rotSpeed.z * (1 - warpSpeedRef.current)\r\n             );\r\n          } else {\r\n             p.pos.add(p.vel);\r\n             p.rotation.add(p.rotSpeed);\r\n             p.pos.z += p.baseZSpeed;\r\n          }\r\n\r\n          // Wrap around space boundaries\r\n          if (Math.abs(p.pos.x) > 20) p.vel.x *= -1;\r\n          if (Math.abs(p.pos.y) > 20) p.vel.y *= -1;\r\n          if (p.pos.z > 15) {\r\n             p.pos.z = -50; \r\n             p.pos.x = (Math.random() - 0.5) * 60; \r\n             p.pos.y = (Math.random() - 0.5) * 60;\r\n          }\r\n          if (p.pos.z < -60) p.vel.z *= -1;\r\n\r\n          // Mouse Repulsion Interaction\r\n          const dist = p.pos.distanceTo(mouse3D);\r\n          if (dist < 4 && warpSpeedRef.current < 0.5) {\r\n            pushDir.copy(p.pos).sub(mouse3D).normalize();\r\n            p.pos.add(pushDir.multiplyScalar((4 - dist) * 0.08));\r\n          }\r\n          \r\n          if (warpSpeedRef.current < 0.1) {\r\n            const s = Math.sin(0.001);\r\n            const c = Math.cos(0.001);\r\n            const x = p.pos.x;\r\n            const z = p.pos.z;\r\n            p.pos.x = x * c + z * s;\r\n            p.pos.z = z * c - x * s;\r\n          }\r\n\r\n          dummy.position.copy(p.pos);\r\n          // Preserve uniform scaling (NOT stretched like logs)\r\n          // Fade them out slightly by making them smaller if zooming past near camera bounds\r\n          const visualScale = p.scale * (1.0 - (warpSpeedRef.current * 0.5));\r\n          dummy.scale.setScalar(visualScale);\r\n          dummy.rotation.set(p.rotation.x, p.rotation.y, p.rotation.z);\r\n          dummy.updateMatrix();\r\n          meshRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        meshRef.current!.instanceMatrix.needsUpdate = true;\r\n    }\r\n\r\n    // 2. Update Warp Lines (Lasers) -> Only visible when warpSpeed > 0\r\n    if (linesRef.current) {\r\n        warpLines.forEach((line, i) => {\r\n            // Move incredibly fast during warp\r\n            line.pos.z += (line.speed + (warpSpeedRef.current * 8.0));\r\n            \r\n            // Loop lines back\r\n            if (line.pos.z > 15) {\r\n                line.pos.z = -80;\r\n                line.pos.x = (Math.random() - 0.5) * 50;\r\n                line.pos.y = (Math.random() - 0.5) * 50;\r\n            }\r\n\r\n            dummy.position.copy(line.pos);\r\n            // Orient cylinder along Z axis rigidly\r\n            dummy.rotation.set(Math.PI / 2, 0, 0); \r\n            // Stretch based on warp intensity\r\n            const stretch = line.length + (warpSpeedRef.current * 15.0);\r\n            const thinness = 1.0 - (warpSpeedRef.current * 0.8);\r\n            dummy.scale.set(thinness, stretch, thinness);\r\n            dummy.updateMatrix();\r\n            linesRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        linesRef.current.instanceMatrix.needsUpdate = true;\r\n        \r\n        // Link opacity to warp intensity directly\r\n        const mat = linesRef.current.material as THREE.Material;\r\n        mat.opacity = warpSpeedRef.current * 0.6; // Soft laser glow\r\n    }\r\n    \r\n    // Dynamic FOV for Tunnel effect\r\n    if (state.camera instanceof THREE.PerspectiveCamera) {\r\n      const targetFov = 45 + (warpSpeedRef.current * 30); \r\n      state.camera.fov += (targetFov - state.camera.fov) * 0.05;\r\n      state.camera.updateProjectionMatrix();\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group>\r\n        {/* The true asteroids (No stretching, just rocks) */}\r\n        <instancedMesh ref={meshRef} args={[undefined, undefined, count]} key={shape}>\r\n          {shape === \"dodecahedron\" && <dodecahedronGeometry args={[1, 0]} />}\r\n          {shape === \"icosahedron\" && <icosahedronGeometry args={[1, 0]} />}\r\n          {shape === \"box\" && <boxGeometry args={[1, 1, 1]} />}\r\n          <meshStandardMaterial color={color} roughness={0.4} metalness={0.6} />\r\n        </instancedMesh>\r\n        \r\n        {/* The sci-fi light speed trails */}\r\n        <instancedMesh ref={linesRef} args={[undefined, undefined, warpLinesCount]}>\r\n          <cylinderGeometry args={[0.08, 0.08, 1, 8]} />\r\n          <meshBasicMaterial color=\"#ffffff\" transparent opacity={0} blending={THREE.AdditiveBlending} depthWrite={false} />\r\n        </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Controls camera movement based on Scroll + Mouse Tracking\r\nfunction CameraController() {\r\n  useFrame((state) => {\r\n    // 1. SCROLL PARALLAX: moves camera down effectively floating through space as you scroll down\r\n    const scrollY = window.scrollY;\r\n    // Reduce Y target so the camera doesn't veer off too drastically\r\n    const targetY = (-scrollY * 0.005) + (state.pointer.y * 1.5);\r\n    \r\n    // 2. MOUSE PARALLAX: entire universe tilts slightly opposite to your mouse\r\n    const targetX = state.pointer.x * 2;\r\n    \r\n    // Smooth Lerp\r\n    state.camera.position.x += (targetX - state.camera.position.x) * 0.05;\r\n    state.camera.position.y += (targetY - state.camera.position.y) * 0.05;\r\n    \r\n    state.camera.lookAt(0, 0, 0);\r\n  });\r\n  return null;\r\n}\r\n\r\n// Background Nebula Clouds\r\nexport function NebulaClouds() {\r\n  const particleTexture = useMemo(() => {\r\n    // Generate a soft radial gradient for the \"cloud\" particle\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = 128;\r\n    canvas.height = 128;\r\n    const ctx = canvas.getContext('2d');\r\n    if (ctx) {\r\n      const gradient = ctx.createRadialGradient(64, 64, 0, 64, 64, 64);\r\n      gradient.addColorStop(0, 'rgba(255,255,255,1)');\r\n      gradient.addColorStop(0.3, 'rgba(255,255,255,0.4)');\r\n      gradient.addColorStop(0.7, 'rgba(255,255,255,0.05)');\r\n      gradient.addColorStop(1, 'rgba(0,0,0,0)');\r\n      ctx.fillStyle = gradient;\r\n      ctx.fillRect(0, 0, 128, 128);\r\n    }\r\n    return new THREE.CanvasTexture(canvas);\r\n  }, []);\r\n\r\n  const count = 400;\r\n  \r\n  // Use useMemo to generate organic nebula shapes (Perlin/Simplex noise-like clusters)\r\n  const { positions1, colors1, positions2, colors2 } = useMemo(() => {\r\n    const p1 = new Float32Array(count * 3);\r\n    const c1 = new Float32Array(count * 3);\r\n    const p2 = new Float32Array(count * 3);\r\n    const c2 = new Float32Array(count * 3);\r\n\r\n    const baseColor1 = new THREE.Color(\"#4c1d95\"); // Deep Purple\r\n    const accentColor1 = new THREE.Color(\"#be185d\"); // Deep Pink\r\n    \r\n    const baseColor2 = new THREE.Color(\"#1e3a8a\"); // Deep Blue\r\n    const accentColor2 = new THREE.Color(\"#0ea5e9\"); // Cyan\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        // Nebula 1: Large sweeping galactic arm\r\n        const angle = Math.random() * Math.PI * 2;\r\n        const radius = 10 + Math.random() * 40;\r\n        const spreadY = (Math.random() - 0.5) * 15;\r\n        p1[i * 3] = Math.cos(angle) * radius + (Math.random()-0.5)*15;\r\n        p1[i * 3 + 1] = spreadY + (Math.random()-0.5)*10;\r\n        p1[i * 3 + 2] = Math.sin(angle) * radius - 20 + (Math.random()-0.5)*15;\r\n        \r\n        const mixColor1 = baseColor1.clone().lerp(accentColor1, Math.random());\r\n        c1[i * 3] = mixColor1.r;\r\n        c1[i * 3 + 1] = mixColor1.g;\r\n        c1[i * 3 + 2] = mixColor1.b;\r\n\r\n        // Nebula 2: Concentrated core / diffuse background\r\n        const angle2 = Math.random() * Math.PI * 2;\r\n        const radius2 = Math.random() * 35;\r\n        p2[i * 3] = Math.cos(angle2) * radius2 * 1.5;\r\n        p2[i * 3 + 1] = (Math.random() - 0.5) * 25;\r\n        p2[i * 3 + 2] = Math.sin(angle2) * radius2 - 30;\r\n\r\n        const mixColor2 = baseColor2.clone().lerp(accentColor2, Math.random());\r\n        c2[i * 3] = mixColor2.r;\r\n        c2[i * 3 + 1] = mixColor2.g;\r\n        c2[i * 3 + 2] = mixColor2.b;\r\n    }\r\n    return { positions1: p1, colors1: c1, positions2: p2, colors2: c2 };\r\n  }, [count]);\r\n\r\n  const groupRef = useRef<THREE.Group>(null);\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n        // Extremely slow drift of the entire nebula to make it feel alive\r\n        groupRef.current.rotation.y += delta * 0.01;\r\n        groupRef.current.rotation.z += delta * 0.002;\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group ref={groupRef} position={[0, 0, -10]}>\r\n      <points>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions1, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors1, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={35} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.08} \r\n          depthWrite={false}\r\n          depthTest={false} \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n      <points rotation={[0.2, 0.5, -0.1]}>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions2, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors2, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={45} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.06} \r\n          depthWrite={false}\r\n          depthTest={false}  \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n    </group>\r\n  );\r\n}\r\n\r\nexport default function Scene({ \r\n  coreColor = \"#312e81\", \r\n  particleColor = \"#6366f1\", \r\n  particleCount = 150, \r\n  particleShape = \"dodecahedron\",\r\n  children\r\n}: { \r\n  coreColor?: string, \r\n  particleColor?: string, \r\n  particleCount?: number, \r\n  particleShape?: \"dodecahedron\" | \"icosahedron\" | \"box\",\r\n  children?: React.ReactNode\r\n}) {\r\n  return (\r\n    <div className=\"absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]\">\r\n      <Canvas camera={{ position: [0, 0, 12], fov: 45 }} gl={{ alpha: true }}>\r\n        <color attach=\"background\" args={['#020205']} />\r\n        <React.Suspense fallback={null}>\r\n          <ambientLight intensity={0.5} />\r\n          <directionalLight position={[10, 10, 5]} intensity={3} color=\"#818cf8\" />\r\n          <directionalLight position={[-10, -10, -5]} intensity={2} color=\"#c084fc\" />\r\n          \r\n          <CameraController />\r\n          <BlackHoleCore color={coreColor} />\r\n          <AsteroidField count={particleCount} color={particleColor} shape={particleShape} />\r\n          <NebulaClouds />\r\n\r\n          {/* Render User's Custom 3D/4D Models Here */}\r\n          {children}\r\n          \r\n          {/* Dense Universe Stars & Sparkles */}\r\n          <Stars radius={150} depth={100} count={8000} factor={6} saturation={1} fade speed={2} />\r\n          <Sparkles count={300} scale={25} size={3} speed={0.2} opacity={0.4} color=\"#818cf8\" />\r\n          <Sparkles count={200} scale={20} size={1} speed={0.4} opacity={0.6} color=\"#c084fc\" />\r\n          <Sparkles count={100} scale={30} size={6} speed={0.1} opacity={0.2} color=\"#2dd4bf\" />\r\n          \r\n          <Environment preset=\"city\" />\r\n        </React.Suspense>\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","\"use client\";\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nexport const Button = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  customSize,\n  style,\n  ...props \n}: any) => {\n  const base = \"font-medium transition-all duration-300 relative overflow-hidden group active:scale-95 flex items-center justify-center\";\n  const sizeClass = customSize === 'sm' ? 'px-4 py-2 text-sm' : customSize === 'lg' ? 'px-8 py-4 text-lg' : 'px-6 py-3';\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <button \n        className={`${sizeClass} font-mono font-bold tracking-[0.2em] uppercase text-xs transition-all relative overflow-hidden group active:scale-95 flex items-center justify-center bg-zinc-900 border-l-4 border-l-yellow-500 border-y border-y-zinc-800 border-r border-r-zinc-800 text-zinc-300 hover:text-white hover:bg-zinc-800 hover:border-l-yellow-400 ${className}`}\n        style={{ clipPath: \"polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)\", ...customStyles }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_2px,rgba(255,255,255,0.02)_2px,rgba(255,255,255,0.02)_4px)] pointer-events-none\" />\n        <span className=\"relative z-10 flex items-center gap-2\">\n          {children}\n        </span>\n        <div className=\"absolute right-2 bottom-2 w-1.5 h-1.5 bg-yellow-500/50 group-hover:bg-yellow-400\" />\n      </button>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-white text-black hover:bg-zinc-200 active:bg-zinc-300 hover:shadow-lg rounded-lg\",\n    glow: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50 hover:bg-indigo-500/40 hover:shadow-[0_0_20px_rgba(99,102,241,0.4)] active:bg-indigo-500/50 rounded-lg\",\n    ghost: \"bg-transparent text-zinc-300 hover:bg-white/10 active:bg-white/20 rounded-lg\",\n    outline: \"bg-transparent border border-white/20 text-white hover:border-white/60 hover:bg-white/5 active:bg-white/10 rounded-lg\",\n    danger: \"bg-rose-500/10 border border-rose-500/50 text-rose-400 hover:bg-rose-500/20 hover:shadow-[0_0_20px_rgba(244,63,94,0.4)] active:bg-rose-500/30 rounded-lg\"\n  };\n  \n  return (\n    <button \n      className={`${base} ${sizeClass} ${(variants as any)[variant] || variants.primary} ${className}`} \n      style={customStyles}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children}</span>\n    </button>\n  );\n};\n\nexport const TextBox = ({ \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"w-full focus:outline-none transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500\",\n    underline: \"bg-transparent border-b-2 border-white/10 px-0 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 rounded-none\",\n    glow: \"bg-indigo-500/5 border border-indigo-500/30 rounded-xl px-4 py-3 text-indigo-100 placeholder:text-indigo-500/50 focus:border-indigo-400 focus:shadow-[0_0_20px_rgba(99,102,241,0.2)]\",\n    mecha: \"bg-black border border-zinc-800 focus:border-yellow-500 text-yellow-50 font-mono text-sm px-4 py-3 rounded-none placeholder:text-zinc-700 relative z-10 w-full\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`relative ${className}`} style={{ ...(customRadius && { borderRadius: customRadius }) }}>\n        <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <input \n          className={variants.mecha}\n          style={customStyles}\n          {...props}\n        />\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-mono text-yellow-500/30 pointer-events-none\">[INPUT]</div>\n      </div>\n    );\n  }\n\n  return (\n    <input \n      className={`${base} ${(variants as any)[variant] || variants.default} ${className}`}\n      style={customStyles}\n      {...props}\n    />\n  );\n};\n\nexport const Dropdown = ({ options = [], variant = 'default', placeholder = \"Select...\", className = '' }: any) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selected, setSelected] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const base = \"w-full transition-all cursor-pointer flex justify-between items-center\";\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500\",\n    ghost: \"bg-white/5 border border-transparent rounded-xl px-4 py-3 text-zinc-300 hover:bg-white/10 focus:bg-[#0a0a0f] focus:border-indigo-500\",\n    mecha: \"bg-black border border-zinc-800 rounded-none px-4 py-3 text-yellow-50 font-mono text-sm hover:border-yellow-500/50 focus:border-yellow-500 relative\"\n  };\n\n  return (\n    <div className={`relative ${className}`} ref={dropdownRef}>\n      {variant === 'mecha' && (\n        <>\n          <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 z-10 pointer-events-none\" />\n          <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 z-10 pointer-events-none\" />\n        </>\n      )}\n      <div \n        className={`${base} ${(variants as any)[variant] || variants.default}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <span className={selected ? 'text-white' : 'text-zinc-500'}>\n          {selected || placeholder}\n        </span>\n        <svg className={`w-4 h-4 text-zinc-500 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {isOpen && (\n        <div className={`absolute z-50 w-full mt-2 overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200 ${variant === 'mecha' ? 'bg-black border border-yellow-500/50 rounded-none shadow-[0_0_20px_rgba(234,179,8,0.1)]' : 'bg-[#0a0a0f] border border-white/10 rounded-xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)]'}`}>\n          <div className=\"max-h-60 overflow-y-auto custom-scrollbar\">\n            {options.map((opt: string, i: number) => (\n              <div \n                key={i} \n                className={variant === 'mecha' \n                  ? `px-4 py-3 text-sm cursor-pointer transition-colors font-mono ${selected === opt ? 'bg-yellow-500/20 text-yellow-300 border-l-2 border-yellow-500' : 'text-zinc-400 hover:bg-zinc-900 border-l-2 border-transparent hover:text-white'}`\n                  : `px-4 py-3 text-sm cursor-pointer transition-colors ${selected === opt ? 'bg-indigo-500/20 text-indigo-300' : 'text-zinc-300 hover:bg-white/10 hover:text-white'}`\n                }\n                onClick={() => {\n                  setSelected(opt);\n                  setIsOpen(false);\n                }}\n              >\n                {opt}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Card = ({ \n  children, \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"transition-all duration-300 relative overflow-hidden\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"p-6 rounded-2xl bg-[#050508] border border-white/10\",\n    glow: \"p-6 rounded-2xl bg-indigo-900/10 border border-indigo-500/30 shadow-[0_0_30px_rgba(99,102,241,0.15)]\",\n    glass: \"p-6 rounded-2xl bg-white/[0.08] backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_0_rgba(255,255,255,0.05)]\",\n    mecha: \"p-8 rounded-none bg-zinc-900/80 border border-zinc-800 backdrop-blur-sm\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`${base} ${variants.mecha} ${className}`} style={customStyles} {...props}>\n        {/* Mecha Card Accents */}\n        <div className=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        \n        {/* Warning track background */}\n        <div className=\"absolute bottom-0 left-10 right-10 h-[2px] bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(234,179,8,0.5)_4px,rgba(234,179,8,0.5)_8px)] pointer-events-none\" />\n        \n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Badge = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"px-2.5 py-0.5 rounded-full text-xs font-semibold tracking-wider uppercase transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <span className={`px-2 py-1 bg-yellow-500/10 border border-yellow-500/50 text-[#eab308] text-[9px] font-mono font-bold tracking-[0.2em] relative uppercase ${className}`} style={customStyles} {...props}>\n        <span className=\"absolute -left-1 flex items-center justify-center top-1/2 -translate-y-1/2 h-full gap-[1px] bg-[#020205] px-[2px]\">\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n        </span>\n        <span className=\"pl-1\">{children}</span>\n      </span>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50\",\n    success: \"bg-emerald-500/20 text-emerald-300 border border-emerald-500/50\",\n    danger: \"bg-rose-500/20 text-rose-300 border border-rose-500/50\",\n    outline: \"bg-transparent text-zinc-400 border border-zinc-700\"\n  };\n\n  return (\n    <span className={`${base} ${(variants as any)[variant] || variants.primary} ${className}`} style={customStyles} {...props}>\n      {children}\n    </span>\n  );\n};\n\nexport const Switch = ({ \n  checked, \n  onChange, \n  variant = 'default', \n  className = '',\n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const customStyles = {\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div \n        className={`w-14 h-6 border-2 border-zinc-700 bg-zinc-900 relative cursor-pointer flex items-center p-0.5 transition-colors ${checked ? 'border-yellow-500/50' : ''} ${className}`} \n        onClick={onChange}\n        style={customStyles}\n        {...props}\n      >\n        {/* Warning track background */}\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(255,255,255,0.02)_4px,rgba(255,255,255,0.02)_8px)] pointer-events-none\" />\n        <div \n          className={`w-5 h-4 bg-zinc-400 absolute transition-all duration-300 ease-out flex items-center justify-center ${checked ? 'left-[30px] bg-yellow-500 shadow-[0_0_10px_rgba(234,179,8,0.5)]' : 'left-0.5'}`} \n          style={{ backgroundColor: checked && customColor ? customColor : undefined, boxShadow: checked && customColor ? `0 0 10px ${customColor}` : undefined }}\n        >\n           <div className={`w-[2px] h-2 ${checked ? 'bg-black/50' : 'bg-black/20'}`} />\n        </div>\n      </div>\n    );\n  }\n\n  const base = \"w-11 h-6 rounded-full relative cursor-pointer transition-colors duration-300\";\n  const variants = {\n    default: checked ? \"bg-white\" : \"bg-zinc-800\",\n    glow: checked ? \"bg-indigo-500 shadow-[0_0_15px_rgba(99,102,241,0.5)]\" : \"bg-zinc-800\"\n  };\n  const thumbBase = \"w-4 h-4 rounded-full absolute top-1 transition-all duration-300\";\n  const thumbVariants = {\n    default: checked ? \"left-6 bg-black\" : \"left-1 bg-zinc-400\",\n    glow: checked ? \"left-6 bg-white\" : \"left-1 bg-zinc-500\"\n  };\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} onClick={onChange} {...props}>\n      <div className={`${thumbBase} ${(thumbVariants as any)[variant] || thumbVariants.default}`} style={{ backgroundColor: checked && customColor ? customColor : undefined }} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["React","import_react","import_jsx_runtime"]}

package/dist/index.mjs

@@ -57,13 +57,9 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
   const time = useRef(0);
   const Y_AXIS = useMemo(() => new THREE.Vector3(0, 1, 0), []);
   const tempVel = useMemo(() => new THREE.Vector3(), []);
-  const linesGeom = useMemo(() => {
-    const geom = new THREE.BufferGeometry();
-    const maxLines = count * count;
-    const pos = new Float32Array(maxLines * 6);
-    geom.setAttribute("position", new THREE.BufferAttribute(pos, 3));
-    return geom;
-  }, [count]);
+  const maxBonds = 2500;
+  const bondsMeshRef = useRef(null);
+  const dummyBond = useMemo(() => new THREE.Object3D(), []);
   useFrame((_, delta) => {
     if (!active) return;
     time.current += delta;
@@ -80,11 +76,10 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       for (let i = 0; i < count; i++) {
         velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);
       }
-      if (linesGeom.attributes.position) linesGeom.setDrawRange(0, 0);
+      if (bondsMeshRef.current) bondsMeshRef.current.count = 0;
       return;
     }
-    let lineCount = 0;
-    const positionsAttr = linesGeom.attributes.position.array;
+    let bondCount = 0;
     let bondThreshold = 0;
     if (phase === 2) {
       bondThreshold = (t - 2) / 2 * 8;
@@ -114,14 +109,15 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
           const p2 = currentPositions.current[j];
           const distSq = p.distanceToSquared(p2);
           if (distSq < thresholdSq && distSq < 16) {
-            if (lineCount * 6 < positionsAttr.length - 6) {
-              positionsAttr[lineCount * 6] = p.x;
-              positionsAttr[lineCount * 6 + 1] = p.y;
-              positionsAttr[lineCount * 6 + 2] = p.z;
-              positionsAttr[lineCount * 6 + 3] = p2.x;
-              positionsAttr[lineCount * 6 + 4] = p2.y;
-              positionsAttr[lineCount * 6 + 5] = p2.z;
-              lineCount++;
+            if (bondCount < maxBonds) {
+              const dist = Math.sqrt(distSq);
+              const thickness = Math.max(0.015, 0.15 - dist * 0.035) * (bondThreshold / 8);
+              dummyBond.position.copy(p).lerp(p2, 0.5);
+              dummyBond.lookAt(p2);
+              dummyBond.scale.set(thickness, thickness, dist * 0.5);
+              dummyBond.updateMatrix();
+              if (bondsMeshRef.current) bondsMeshRef.current.setMatrixAt(bondCount, dummyBond.matrix);
+              bondCount++;
             }
           }
         }
@@ -141,8 +137,10 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);
     }
     if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;
-    linesGeom.attributes.position.needsUpdate = true;
-    linesGeom.setDrawRange(0, lineCount * 2);
+    if (bondsMeshRef.current) {
+      bondsMeshRef.current.count = bondCount;
+      bondsMeshRef.current.instanceMatrix.needsUpdate = true;
+    }
   });
   if (!active) return null;
   const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - (time.current - 6.5) / 1.5 * 0.4) : 0.4;
@@ -152,9 +150,21 @@ function SupernovaEasterEgg({ active, color, onComplete }) {
       /* @__PURE__ */ jsx("sphereGeometry", { args: [0.3, 16, 16] }),
       /* @__PURE__ */ jsx("meshStandardMaterial", { color, emissive: color, emissiveIntensity: 4, transparent: true, opacity: pointOpacity, roughness: 0, metalness: 1 })
     ] }),
-    /* @__PURE__ */ jsxs("lineSegments", { frustumCulled: false, children: [
-      /* @__PURE__ */ jsx("primitive", { object: linesGeom, attach: "geometry" }),
-      /* @__PURE__ */ jsx("lineBasicMaterial", { color: "#ffffff", transparent: true, opacity: lineOpacity, blending: THREE.AdditiveBlending })
+    /* @__PURE__ */ jsxs("instancedMesh", { ref: bondsMeshRef, args: [void 0, void 0, maxBonds], frustumCulled: false, children: [
+      /* @__PURE__ */ jsx("sphereGeometry", { args: [1, 16, 16] }),
+      /* @__PURE__ */ jsx(
+        "meshStandardMaterial",
+        {
+          color: "#38bdf8",
+          transparent: true,
+          opacity: lineOpacity * 1.5,
+          roughness: 0,
+          metalness: 0.8,
+          envMapIntensity: 2,
+          blending: THREE.AdditiveBlending,
+          depthWrite: false
+        }
+      )
     ] })
   ] });
 }
@@ -475,7 +485,8 @@ function Scene({
   coreColor = "#312e81",
   particleColor = "#6366f1",
   particleCount = 150,
-  particleShape = "dodecahedron"
+  particleShape = "dodecahedron",
+  children
 }) {
   return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]", children: /* @__PURE__ */ jsxs(Canvas, { camera: { position: [0, 0, 12], fov: 45 }, gl: { alpha: true }, children: [
     /* @__PURE__ */ jsx("color", { attach: "background", args: ["#020205"] }),
@@ -487,6 +498,7 @@ function Scene({
       /* @__PURE__ */ jsx(BlackHoleCore, { color: coreColor }),
       /* @__PURE__ */ jsx(AsteroidField, { count: particleCount, color: particleColor, shape: particleShape }),
       /* @__PURE__ */ jsx(NebulaClouds, {}),
+      children,
       /* @__PURE__ */ jsx(Stars, { radius: 150, depth: 100, count: 8e3, factor: 6, saturation: 1, fade: true, speed: 2 }),
       /* @__PURE__ */ jsx(Sparkles, { count: 300, scale: 25, size: 3, speed: 0.2, opacity: 0.4, color: "#818cf8" }),
       /* @__PURE__ */ jsx(Sparkles, { count: 200, scale: 20, size: 1, speed: 0.4, opacity: 0.6, color: "#c084fc" }),

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Scene.tsx","../src/components/UI.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useRef, useState, useMemo, useEffect } from \"react\";\r\nimport { Canvas, useFrame } from \"@react-three/fiber\";\r\nimport { Environment, Sparkles, Stars, Sphere, MeshDistortMaterial, Clouds, Cloud } from \"@react-three/drei\";\r\nimport * as THREE from \"three\";\r\n\r\n// Supernova Easter Egg Component\r\nfunction SupernovaEasterEgg({ active, color, onComplete }: { active: boolean, color: string, onComplete: () => void }) {\r\n  const count = 150;\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  \r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  \r\n  // Distribute particles perfectly on the sphere shell initially\r\n  const initialPositions = useMemo(() => {\r\n    const pts = [];\r\n    for(let i=0; i<count; i++) {\r\n        const p = new THREE.Vector3(\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2\r\n        ).normalize().multiplyScalar(1.5); // Start exactly on the Coreradius\r\n        pts.push(p);\r\n    }\r\n    return pts;\r\n  }, []);\r\n  \r\n  const velocities = useMemo(() => initialPositions.map(p => p.clone().normalize().multiplyScalar(Math.random() * 20 + 20)), [initialPositions]);\r\n  \r\n  const currentPositions = useRef(initialPositions.map(p => p.clone()));\r\n  const time = useRef(0);\r\n  const Y_AXIS = useMemo(() => new THREE.Vector3(0,1,0), []);\r\n  const tempVel = useMemo(() => new THREE.Vector3(), []);\r\n\r\n  const linesGeom = useMemo(() => {\r\n    const geom = new THREE.BufferGeometry();\r\n    const maxLines = count * count; \r\n    const pos = new Float32Array(maxLines * 6);\r\n    geom.setAttribute('position', new THREE.BufferAttribute(pos, 3));\r\n    return geom;\r\n  }, [count]);\r\n\r\n  useFrame((_, delta) => {\r\n    if (!active) return;\r\n    time.current += delta;\r\n    const t = time.current;\r\n\r\n    let phase = 0; \r\n    if (t < 2.0) phase = 1; // Violent Explosion\r\n    else if (t < 4.0) phase = 2; // Drift and expand lines\r\n    else if (t < 6.5) phase = 3; // Contract back to dense cage\r\n    else if (t < 8.0) phase = 4; // Fade dots out, let core emerge\r\n    else {\r\n        onComplete();\r\n        time.current = 0;\r\n        currentPositions.current = initialPositions.map(p => p.clone());\r\n        for(let i=0; i<count;i++) {\r\n            velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);\r\n        }\r\n        if (linesGeom.attributes.position) linesGeom.setDrawRange(0, 0);\r\n        return;\r\n    }\r\n\r\n    let lineCount = 0;\r\n    const positionsAttr = linesGeom.attributes.position.array as Float32Array;\r\n\r\n    let bondThreshold = 0;\r\n    if (phase === 2) {\r\n        bondThreshold = ((t - 2.0) / 2.0) * 8.0; // Lines grow from 0 to 8 radius seamlessly\r\n    } else if (phase >= 3) {\r\n        bondThreshold = 8.0; // Everything is connected\r\n    }\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        let p = currentPositions.current[i];\r\n        \r\n        if (phase === 1) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.92); // Viscous fluid drag\r\n            p.applyAxisAngle(Y_AXIS, delta * 2.0); // Orbital swirl\r\n        } else if (phase === 2) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.95); // Float freely\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5); // Slow drift\r\n        } else {\r\n            // Smoothly ease back right onto the original shell\r\n            const target = initialPositions[i];\r\n            p.lerp(target, 1.0 - Math.pow(0.001, delta)); // Highly sticky easing\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5);\r\n        }\r\n        \r\n        // Connect points into a mesh\r\n        if (bondThreshold > 0 && phase <= 4) {\r\n            const thresholdSq = bondThreshold * bondThreshold;\r\n            for (let j = i + 1; j < count; j++) {\r\n                const p2 = currentPositions.current[j];\r\n                const distSq = p.distanceToSquared(p2);\r\n                if (distSq < thresholdSq && distSq < 16.0) { // Keep reasonable draw limits (4.0^2)\r\n                    if (lineCount * 6 < positionsAttr.length - 6) {\r\n                        positionsAttr[lineCount * 6] = p.x;\r\n                        positionsAttr[lineCount * 6 + 1] = p.y;\r\n                        positionsAttr[lineCount * 6 + 2] = p.z;\r\n                        positionsAttr[lineCount * 6 + 3] = p2.x;\r\n                        positionsAttr[lineCount * 6 + 4] = p2.y;\r\n                        positionsAttr[lineCount * 6 + 5] = p2.z;\r\n                        lineCount++;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        // Scale handles visual pop nicely\r\n        let scale = 0.2;\r\n        if (phase === 1) {\r\n            scale = Math.max(0.1, 0.4 - p.length()*0.015);\r\n        } else if (phase === 2 || phase === 3) {\r\n            scale = 0.15;\r\n        } else if (phase === 4) {\r\n            // Fade out the physical dots smoothly as the core takes over\r\n            const progress = (t - 6.5) / 1.5;\r\n            scale = THREE.MathUtils.lerp(0.15, 0, progress);\r\n        }\r\n        \r\n        dummy.position.copy(p);\r\n        dummy.scale.set(scale, scale, scale);\r\n        dummy.updateMatrix();\r\n        if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);\r\n    }\r\n    \r\n    if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;\r\n    \r\n    linesGeom.attributes.position.needsUpdate = true;\r\n    linesGeom.setDrawRange(0, lineCount * 2);\r\n  });\r\n\r\n  if (!active) return null;\r\n\r\n  // Let bond lines fade during phase 4 smoothly\r\n  const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - ((time.current - 6.5)/1.5)*0.4) : 0.4;\r\n  const pointOpacity = time.current > 6.5 ? Math.max(0, 0.9 - ((time.current - 6.5)/1.5)*0.9) : 0.9;\r\n\r\n  return (\r\n    <group>\r\n      <instancedMesh ref={meshRef} args={[undefined, undefined, count]}>\r\n        <sphereGeometry args={[0.3, 16, 16]} />\r\n        <meshStandardMaterial color={color} emissive={color} emissiveIntensity={4} transparent opacity={pointOpacity} roughness={0} metalness={1} />\r\n      </instancedMesh>\r\n      <lineSegments frustumCulled={false}>\r\n        <primitive object={linesGeom} attach=\"geometry\" />\r\n        <lineBasicMaterial color=\"#ffffff\" transparent opacity={lineOpacity} blending={THREE.AdditiveBlending} />\r\n      </lineSegments>\r\n    </group>\r\n  );\r\n}\r\n\r\n// The central \"Black Hole\" or pulsing star\r\nexport function BlackHoleCore({ color = \"#312e81\" }: { color?: string }) {\r\n  const groupRef = useRef<THREE.Group>(null);\r\n  const visualsGroupRef = useRef<THREE.Group>(null);\r\n  const shockwaveRef = useRef<THREE.Mesh>(null);\r\n  const [clicked, setClicked] = useState(false);\r\n  const shockProgress = useRef(0);\r\n  const [easterEggActive, setEasterEggActive] = useState(false);\r\n  \r\n  // Track egg time internally for the BlackHole to know when to grow back\r\n  const eggTime = useRef(0);\r\n\r\n  const triggerShockwave = () => {\r\n    if (easterEggActive) return;\r\n    setClicked(true);\r\n    shockProgress.current = 0;\r\n    setTimeout(() => setClicked(false), 800);\r\n  };\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n      groupRef.current.rotation.y += delta * 0.05;\r\n      groupRef.current.rotation.x += delta * 0.02;\r\n    }\r\n\r\n    if (visualsGroupRef.current) {\r\n      if (easterEggActive) {\r\n        eggTime.current += delta;\r\n        // The egg takes 8.0s. It fades back in during Phase 4 (6.5s to 8.0s)\r\n        if (eggTime.current > 6.5) {\r\n            const progress = Math.min((eggTime.current - 6.5) / 1.5, 1.0);\r\n            const ease = 1 - Math.pow(1 - progress, 3); // cubic ease out\r\n            visualsGroupRef.current.scale.set(ease, ease, ease);\r\n        } else {\r\n            visualsGroupRef.current.scale.lerp(new THREE.Vector3(0, 0, 0), delta * 25); // Shrink intensely at start\r\n        }\r\n      } else {\r\n        eggTime.current = 0;\r\n        visualsGroupRef.current.scale.lerp(new THREE.Vector3(1, 1, 1), delta * 5);\r\n      }\r\n    }\r\n\r\n    if (clicked && shockProgress.current < 1) shockProgress.current += delta * 2;\r\n    else if (!clicked && shockProgress.current > 0) shockProgress.current -= delta * 1;\r\n    if (shockProgress.current < 0) shockProgress.current = 0;\r\n\r\n    if (shockwaveRef.current) {\r\n      const s = 1 + shockProgress.current * 15;\r\n      shockwaveRef.current.scale.set(s, s, s);\r\n      (shockwaveRef.current.material as THREE.Material).opacity = Math.max(0, 0.6 - shockProgress.current * 0.6);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group \r\n      ref={groupRef} \r\n      onClick={triggerShockwave} \r\n      onDoubleClick={() => setEasterEggActive(true)}\r\n      onPointerOver={(e) => { e.stopPropagation(); document.body.style.cursor = \"crosshair\"; }} \r\n      onPointerOut={() => { document.body.style.cursor = \"default\"; }}\r\n    >\r\n      <SupernovaEasterEgg active={easterEggActive} color={color} onComplete={() => setEasterEggActive(false)} />\r\n      \r\n      <group ref={visualsGroupRef}>\r\n        <Sphere args={[1.5, 64, 64]}>\r\n          <MeshDistortMaterial color=\"#000000\" emissive={color} emissiveIntensity={1.5} distort={0.4} speed={3} roughness={0.1} />\r\n        </Sphere>\r\n        \r\n        <mesh ref={shockwaveRef} rotation={[Math.PI / 2, 0, 0]}>\r\n          <ringGeometry args={[1.6, 2.0, 64]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0} side={THREE.DoubleSide} />\r\n        </mesh>\r\n\r\n        <mesh rotation={[Math.PI / 2.2, 0.1, 0]}>\r\n          <torusGeometry args={[3.2, 0.015, 16, 100]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0.5} />\r\n        </mesh>\r\n        <mesh rotation={[Math.PI / 2.2, -0.1, 0]}>\r\n          <torusGeometry args={[4.5, 0.03, 16, 100]} />\r\n          <meshBasicMaterial color=\"#38bdf8\" transparent opacity={0.3} />\r\n        </mesh>\r\n      </group>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Asteroid field that physically runs away from the user's mouse cursor\r\nexport function AsteroidField({ count = 150, color = \"#6366f1\", shape = \"dodecahedron\" }: { count?: number, color?: string, shape?: \"dodecahedron\" | \"icosahedron\" | \"box\" }) {\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  const linesRef = useRef<THREE.InstancedMesh>(null); // Dedicated mesh for warp speed light beams\r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  const [isPressing, setIsPressing] = useState(false);\r\n  const warpSpeedRef = useRef(0);\r\n  \r\n  // Listen for global pointer down to trigger Warp Speed\r\n  useEffect(() => {\r\n    const handleDown = () => setIsPressing(true);\r\n    const handleUp = () => setIsPressing(false);\r\n    window.addEventListener(\"pointerdown\", handleDown);\r\n    window.addEventListener(\"pointerup\", handleUp);\r\n    return () => {\r\n      window.removeEventListener(\"pointerdown\", handleDown);\r\n      window.removeEventListener(\"pointerup\", handleUp);\r\n    };\r\n  }, []);\r\n  \r\n  const particles = useMemo(() => {\r\n    return Array.from({ length: count }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 25, (Math.random() - 0.5) * 25, (Math.random() - 0.5) * 40), // wider Z\r\n      vel: new THREE.Vector3((Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04),\r\n      baseZSpeed: Math.random() * 0.05 + 0.01,\r\n      scale: Math.random() * 0.3 + 0.05,\r\n      rotSpeed: new THREE.Vector3(Math.random() * 0.1, Math.random() * 0.1, Math.random() * 0.1),\r\n      rotation: new THREE.Vector3()\r\n    }));\r\n  }, [count, shape]);\r\n\r\n  // Dedicated light beams that only appear during Warp Speed\r\n  const warpLinesCount = 300;\r\n  const warpLines = useMemo(() => {\r\n    return Array.from({ length: warpLinesCount }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 50, (Math.random() - 0.5) * 50, (Math.random() - 0.5) * 100),\r\n      speed: Math.random() * 0.8 + 0.5,\r\n      length: Math.random() * 5 + 3,\r\n    }));\r\n  }, [warpLinesCount]);\r\n\r\n  useFrame((state, delta) => {\r\n    // Warp speed smooth logic\r\n    const targetWarp = isPressing ? 1 : 0;\r\n    warpSpeedRef.current += (targetWarp - warpSpeedRef.current) * 0.05;\r\n    \r\n    const mouse3D = new THREE.Vector3(state.pointer.x * 12, state.pointer.y * 12, 2);\r\n    const pushDir = new THREE.Vector3();\r\n\r\n    // 1. Update Asteroids (Rocks) -> No stretching anymore! \r\n    if (meshRef.current) {\r\n        particles.forEach((p, i) => {\r\n          // If warp speed active, push rocks backwards extremely fast straight ahead\r\n          if (warpSpeedRef.current > 0.01) {\r\n             const currentVelX = THREE.MathUtils.lerp(p.vel.x, 0, warpSpeedRef.current);\r\n             const currentVelY = THREE.MathUtils.lerp(p.vel.y, 0, warpSpeedRef.current);\r\n             p.pos.set(p.pos.x + currentVelX, p.pos.y + currentVelY, p.pos.z + (p.baseZSpeed + warpSpeedRef.current * 4.0));\r\n             p.rotation.set(\r\n                 p.rotation.x + p.rotSpeed.x * (1 - warpSpeedRef.current),\r\n                 p.rotation.y + p.rotSpeed.y * (1 - warpSpeedRef.current),\r\n                 p.rotation.z + p.rotSpeed.z * (1 - warpSpeedRef.current)\r\n             );\r\n          } else {\r\n             p.pos.add(p.vel);\r\n             p.rotation.add(p.rotSpeed);\r\n             p.pos.z += p.baseZSpeed;\r\n          }\r\n\r\n          // Wrap around space boundaries\r\n          if (Math.abs(p.pos.x) > 20) p.vel.x *= -1;\r\n          if (Math.abs(p.pos.y) > 20) p.vel.y *= -1;\r\n          if (p.pos.z > 15) {\r\n             p.pos.z = -50; \r\n             p.pos.x = (Math.random() - 0.5) * 60; \r\n             p.pos.y = (Math.random() - 0.5) * 60;\r\n          }\r\n          if (p.pos.z < -60) p.vel.z *= -1;\r\n\r\n          // Mouse Repulsion Interaction\r\n          const dist = p.pos.distanceTo(mouse3D);\r\n          if (dist < 4 && warpSpeedRef.current < 0.5) {\r\n            pushDir.copy(p.pos).sub(mouse3D).normalize();\r\n            p.pos.add(pushDir.multiplyScalar((4 - dist) * 0.08));\r\n          }\r\n          \r\n          if (warpSpeedRef.current < 0.1) {\r\n            const s = Math.sin(0.001);\r\n            const c = Math.cos(0.001);\r\n            const x = p.pos.x;\r\n            const z = p.pos.z;\r\n            p.pos.x = x * c + z * s;\r\n            p.pos.z = z * c - x * s;\r\n          }\r\n\r\n          dummy.position.copy(p.pos);\r\n          // Preserve uniform scaling (NOT stretched like logs)\r\n          // Fade them out slightly by making them smaller if zooming past near camera bounds\r\n          const visualScale = p.scale * (1.0 - (warpSpeedRef.current * 0.5));\r\n          dummy.scale.setScalar(visualScale);\r\n          dummy.rotation.set(p.rotation.x, p.rotation.y, p.rotation.z);\r\n          dummy.updateMatrix();\r\n          meshRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        meshRef.current!.instanceMatrix.needsUpdate = true;\r\n    }\r\n\r\n    // 2. Update Warp Lines (Lasers) -> Only visible when warpSpeed > 0\r\n    if (linesRef.current) {\r\n        warpLines.forEach((line, i) => {\r\n            // Move incredibly fast during warp\r\n            line.pos.z += (line.speed + (warpSpeedRef.current * 8.0));\r\n            \r\n            // Loop lines back\r\n            if (line.pos.z > 15) {\r\n                line.pos.z = -80;\r\n                line.pos.x = (Math.random() - 0.5) * 50;\r\n                line.pos.y = (Math.random() - 0.5) * 50;\r\n            }\r\n\r\n            dummy.position.copy(line.pos);\r\n            // Orient cylinder along Z axis rigidly\r\n            dummy.rotation.set(Math.PI / 2, 0, 0); \r\n            // Stretch based on warp intensity\r\n            const stretch = line.length + (warpSpeedRef.current * 15.0);\r\n            const thinness = 1.0 - (warpSpeedRef.current * 0.8);\r\n            dummy.scale.set(thinness, stretch, thinness);\r\n            dummy.updateMatrix();\r\n            linesRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        linesRef.current.instanceMatrix.needsUpdate = true;\r\n        \r\n        // Link opacity to warp intensity directly\r\n        const mat = linesRef.current.material as THREE.Material;\r\n        mat.opacity = warpSpeedRef.current * 0.6; // Soft laser glow\r\n    }\r\n    \r\n    // Dynamic FOV for Tunnel effect\r\n    if (state.camera instanceof THREE.PerspectiveCamera) {\r\n      const targetFov = 45 + (warpSpeedRef.current * 30); \r\n      state.camera.fov += (targetFov - state.camera.fov) * 0.05;\r\n      state.camera.updateProjectionMatrix();\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group>\r\n        {/* The true asteroids (No stretching, just rocks) */}\r\n        <instancedMesh ref={meshRef} args={[undefined, undefined, count]} key={shape}>\r\n          {shape === \"dodecahedron\" && <dodecahedronGeometry args={[1, 0]} />}\r\n          {shape === \"icosahedron\" && <icosahedronGeometry args={[1, 0]} />}\r\n          {shape === \"box\" && <boxGeometry args={[1, 1, 1]} />}\r\n          <meshStandardMaterial color={color} roughness={0.4} metalness={0.6} />\r\n        </instancedMesh>\r\n        \r\n        {/* The sci-fi light speed trails */}\r\n        <instancedMesh ref={linesRef} args={[undefined, undefined, warpLinesCount]}>\r\n          <cylinderGeometry args={[0.08, 0.08, 1, 8]} />\r\n          <meshBasicMaterial color=\"#ffffff\" transparent opacity={0} blending={THREE.AdditiveBlending} depthWrite={false} />\r\n        </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Controls camera movement based on Scroll + Mouse Tracking\r\nfunction CameraController() {\r\n  useFrame((state) => {\r\n    // 1. SCROLL PARALLAX: moves camera down effectively floating through space as you scroll down\r\n    const scrollY = window.scrollY;\r\n    // Reduce Y target so the camera doesn't veer off too drastically\r\n    const targetY = (-scrollY * 0.005) + (state.pointer.y * 1.5);\r\n    \r\n    // 2. MOUSE PARALLAX: entire universe tilts slightly opposite to your mouse\r\n    const targetX = state.pointer.x * 2;\r\n    \r\n    // Smooth Lerp\r\n    state.camera.position.x += (targetX - state.camera.position.x) * 0.05;\r\n    state.camera.position.y += (targetY - state.camera.position.y) * 0.05;\r\n    \r\n    state.camera.lookAt(0, 0, 0);\r\n  });\r\n  return null;\r\n}\r\n\r\n// Background Nebula Clouds\r\nexport function NebulaClouds() {\r\n  const particleTexture = useMemo(() => {\r\n    // Generate a soft radial gradient for the \"cloud\" particle\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = 128;\r\n    canvas.height = 128;\r\n    const ctx = canvas.getContext('2d');\r\n    if (ctx) {\r\n      const gradient = ctx.createRadialGradient(64, 64, 0, 64, 64, 64);\r\n      gradient.addColorStop(0, 'rgba(255,255,255,1)');\r\n      gradient.addColorStop(0.3, 'rgba(255,255,255,0.4)');\r\n      gradient.addColorStop(0.7, 'rgba(255,255,255,0.05)');\r\n      gradient.addColorStop(1, 'rgba(0,0,0,0)');\r\n      ctx.fillStyle = gradient;\r\n      ctx.fillRect(0, 0, 128, 128);\r\n    }\r\n    return new THREE.CanvasTexture(canvas);\r\n  }, []);\r\n\r\n  const count = 400;\r\n  \r\n  // Use useMemo to generate organic nebula shapes (Perlin/Simplex noise-like clusters)\r\n  const { positions1, colors1, positions2, colors2 } = useMemo(() => {\r\n    const p1 = new Float32Array(count * 3);\r\n    const c1 = new Float32Array(count * 3);\r\n    const p2 = new Float32Array(count * 3);\r\n    const c2 = new Float32Array(count * 3);\r\n\r\n    const baseColor1 = new THREE.Color(\"#4c1d95\"); // Deep Purple\r\n    const accentColor1 = new THREE.Color(\"#be185d\"); // Deep Pink\r\n    \r\n    const baseColor2 = new THREE.Color(\"#1e3a8a\"); // Deep Blue\r\n    const accentColor2 = new THREE.Color(\"#0ea5e9\"); // Cyan\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        // Nebula 1: Large sweeping galactic arm\r\n        const angle = Math.random() * Math.PI * 2;\r\n        const radius = 10 + Math.random() * 40;\r\n        const spreadY = (Math.random() - 0.5) * 15;\r\n        p1[i * 3] = Math.cos(angle) * radius + (Math.random()-0.5)*15;\r\n        p1[i * 3 + 1] = spreadY + (Math.random()-0.5)*10;\r\n        p1[i * 3 + 2] = Math.sin(angle) * radius - 20 + (Math.random()-0.5)*15;\r\n        \r\n        const mixColor1 = baseColor1.clone().lerp(accentColor1, Math.random());\r\n        c1[i * 3] = mixColor1.r;\r\n        c1[i * 3 + 1] = mixColor1.g;\r\n        c1[i * 3 + 2] = mixColor1.b;\r\n\r\n        // Nebula 2: Concentrated core / diffuse background\r\n        const angle2 = Math.random() * Math.PI * 2;\r\n        const radius2 = Math.random() * 35;\r\n        p2[i * 3] = Math.cos(angle2) * radius2 * 1.5;\r\n        p2[i * 3 + 1] = (Math.random() - 0.5) * 25;\r\n        p2[i * 3 + 2] = Math.sin(angle2) * radius2 - 30;\r\n\r\n        const mixColor2 = baseColor2.clone().lerp(accentColor2, Math.random());\r\n        c2[i * 3] = mixColor2.r;\r\n        c2[i * 3 + 1] = mixColor2.g;\r\n        c2[i * 3 + 2] = mixColor2.b;\r\n    }\r\n    return { positions1: p1, colors1: c1, positions2: p2, colors2: c2 };\r\n  }, [count]);\r\n\r\n  const groupRef = useRef<THREE.Group>(null);\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n        // Extremely slow drift of the entire nebula to make it feel alive\r\n        groupRef.current.rotation.y += delta * 0.01;\r\n        groupRef.current.rotation.z += delta * 0.002;\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group ref={groupRef} position={[0, 0, -10]}>\r\n      <points>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions1, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors1, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={35} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.08} \r\n          depthWrite={false}\r\n          depthTest={false} \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n      <points rotation={[0.2, 0.5, -0.1]}>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions2, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors2, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={45} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.06} \r\n          depthWrite={false}\r\n          depthTest={false}  \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n    </group>\r\n  );\r\n}\r\n\r\nexport default function Scene({ \r\n  coreColor = \"#312e81\", \r\n  particleColor = \"#6366f1\", \r\n  particleCount = 150, \r\n  particleShape = \"dodecahedron\" \r\n}: { \r\n  coreColor?: string, \r\n  particleColor?: string, \r\n  particleCount?: number, \r\n  particleShape?: \"dodecahedron\" | \"icosahedron\" | \"box\" \r\n}) {\r\n  return (\r\n    <div className=\"absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]\">\r\n      <Canvas camera={{ position: [0, 0, 12], fov: 45 }} gl={{ alpha: true }}>\r\n        <color attach=\"background\" args={['#020205']} />\r\n        <React.Suspense fallback={null}>\r\n          <ambientLight intensity={0.5} />\r\n          <directionalLight position={[10, 10, 5]} intensity={3} color=\"#818cf8\" />\r\n          <directionalLight position={[-10, -10, -5]} intensity={2} color=\"#c084fc\" />\r\n          \r\n          <CameraController />\r\n          <BlackHoleCore color={coreColor} />\r\n          <AsteroidField count={particleCount} color={particleColor} shape={particleShape} />\r\n          <NebulaClouds />\r\n          \r\n          {/* Dense Universe Stars & Sparkles */}\r\n          <Stars radius={150} depth={100} count={8000} factor={6} saturation={1} fade speed={2} />\r\n          <Sparkles count={300} scale={25} size={3} speed={0.2} opacity={0.4} color=\"#818cf8\" />\r\n          <Sparkles count={200} scale={20} size={1} speed={0.4} opacity={0.6} color=\"#c084fc\" />\r\n          <Sparkles count={100} scale={30} size={6} speed={0.1} opacity={0.2} color=\"#2dd4bf\" />\r\n          \r\n          <Environment preset=\"city\" />\r\n        </React.Suspense>\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","\"use client\";\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nexport const Button = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  customSize,\n  style,\n  ...props \n}: any) => {\n  const base = \"font-medium transition-all duration-300 relative overflow-hidden group active:scale-95 flex items-center justify-center\";\n  const sizeClass = customSize === 'sm' ? 'px-4 py-2 text-sm' : customSize === 'lg' ? 'px-8 py-4 text-lg' : 'px-6 py-3';\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <button \n        className={`${sizeClass} font-mono font-bold tracking-[0.2em] uppercase text-xs transition-all relative overflow-hidden group active:scale-95 flex items-center justify-center bg-zinc-900 border-l-4 border-l-yellow-500 border-y border-y-zinc-800 border-r border-r-zinc-800 text-zinc-300 hover:text-white hover:bg-zinc-800 hover:border-l-yellow-400 ${className}`}\n        style={{ clipPath: \"polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)\", ...customStyles }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_2px,rgba(255,255,255,0.02)_2px,rgba(255,255,255,0.02)_4px)] pointer-events-none\" />\n        <span className=\"relative z-10 flex items-center gap-2\">\n          {children}\n        </span>\n        <div className=\"absolute right-2 bottom-2 w-1.5 h-1.5 bg-yellow-500/50 group-hover:bg-yellow-400\" />\n      </button>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-white text-black hover:bg-zinc-200 active:bg-zinc-300 hover:shadow-lg rounded-lg\",\n    glow: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50 hover:bg-indigo-500/40 hover:shadow-[0_0_20px_rgba(99,102,241,0.4)] active:bg-indigo-500/50 rounded-lg\",\n    ghost: \"bg-transparent text-zinc-300 hover:bg-white/10 active:bg-white/20 rounded-lg\",\n    outline: \"bg-transparent border border-white/20 text-white hover:border-white/60 hover:bg-white/5 active:bg-white/10 rounded-lg\",\n    danger: \"bg-rose-500/10 border border-rose-500/50 text-rose-400 hover:bg-rose-500/20 hover:shadow-[0_0_20px_rgba(244,63,94,0.4)] active:bg-rose-500/30 rounded-lg\"\n  };\n  \n  return (\n    <button \n      className={`${base} ${sizeClass} ${(variants as any)[variant] || variants.primary} ${className}`} \n      style={customStyles}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children}</span>\n    </button>\n  );\n};\n\nexport const TextBox = ({ \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"w-full focus:outline-none transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500\",\n    underline: \"bg-transparent border-b-2 border-white/10 px-0 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 rounded-none\",\n    glow: \"bg-indigo-500/5 border border-indigo-500/30 rounded-xl px-4 py-3 text-indigo-100 placeholder:text-indigo-500/50 focus:border-indigo-400 focus:shadow-[0_0_20px_rgba(99,102,241,0.2)]\",\n    mecha: \"bg-black border border-zinc-800 focus:border-yellow-500 text-yellow-50 font-mono text-sm px-4 py-3 rounded-none placeholder:text-zinc-700 relative z-10 w-full\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`relative ${className}`} style={{ ...(customRadius && { borderRadius: customRadius }) }}>\n        <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <input \n          className={variants.mecha}\n          style={customStyles}\n          {...props}\n        />\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-mono text-yellow-500/30 pointer-events-none\">[INPUT]</div>\n      </div>\n    );\n  }\n\n  return (\n    <input \n      className={`${base} ${(variants as any)[variant] || variants.default} ${className}`}\n      style={customStyles}\n      {...props}\n    />\n  );\n};\n\nexport const Dropdown = ({ options = [], variant = 'default', placeholder = \"Select...\", className = '' }: any) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selected, setSelected] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const base = \"w-full transition-all cursor-pointer flex justify-between items-center\";\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500\",\n    ghost: \"bg-white/5 border border-transparent rounded-xl px-4 py-3 text-zinc-300 hover:bg-white/10 focus:bg-[#0a0a0f] focus:border-indigo-500\",\n    mecha: \"bg-black border border-zinc-800 rounded-none px-4 py-3 text-yellow-50 font-mono text-sm hover:border-yellow-500/50 focus:border-yellow-500 relative\"\n  };\n\n  return (\n    <div className={`relative ${className}`} ref={dropdownRef}>\n      {variant === 'mecha' && (\n        <>\n          <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 z-10 pointer-events-none\" />\n          <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 z-10 pointer-events-none\" />\n        </>\n      )}\n      <div \n        className={`${base} ${(variants as any)[variant] || variants.default}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <span className={selected ? 'text-white' : 'text-zinc-500'}>\n          {selected || placeholder}\n        </span>\n        <svg className={`w-4 h-4 text-zinc-500 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {isOpen && (\n        <div className={`absolute z-50 w-full mt-2 overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200 ${variant === 'mecha' ? 'bg-black border border-yellow-500/50 rounded-none shadow-[0_0_20px_rgba(234,179,8,0.1)]' : 'bg-[#0a0a0f] border border-white/10 rounded-xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)]'}`}>\n          <div className=\"max-h-60 overflow-y-auto custom-scrollbar\">\n            {options.map((opt: string, i: number) => (\n              <div \n                key={i} \n                className={variant === 'mecha' \n                  ? `px-4 py-3 text-sm cursor-pointer transition-colors font-mono ${selected === opt ? 'bg-yellow-500/20 text-yellow-300 border-l-2 border-yellow-500' : 'text-zinc-400 hover:bg-zinc-900 border-l-2 border-transparent hover:text-white'}`\n                  : `px-4 py-3 text-sm cursor-pointer transition-colors ${selected === opt ? 'bg-indigo-500/20 text-indigo-300' : 'text-zinc-300 hover:bg-white/10 hover:text-white'}`\n                }\n                onClick={() => {\n                  setSelected(opt);\n                  setIsOpen(false);\n                }}\n              >\n                {opt}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Card = ({ \n  children, \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"transition-all duration-300 relative overflow-hidden\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"p-6 rounded-2xl bg-[#050508] border border-white/10\",\n    glow: \"p-6 rounded-2xl bg-indigo-900/10 border border-indigo-500/30 shadow-[0_0_30px_rgba(99,102,241,0.15)]\",\n    glass: \"p-6 rounded-2xl bg-white/[0.08] backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_0_rgba(255,255,255,0.05)]\",\n    mecha: \"p-8 rounded-none bg-zinc-900/80 border border-zinc-800 backdrop-blur-sm\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`${base} ${variants.mecha} ${className}`} style={customStyles} {...props}>\n        {/* Mecha Card Accents */}\n        <div className=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        \n        {/* Warning track background */}\n        <div className=\"absolute bottom-0 left-10 right-10 h-[2px] bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(234,179,8,0.5)_4px,rgba(234,179,8,0.5)_8px)] pointer-events-none\" />\n        \n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Badge = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"px-2.5 py-0.5 rounded-full text-xs font-semibold tracking-wider uppercase transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <span className={`px-2 py-1 bg-yellow-500/10 border border-yellow-500/50 text-[#eab308] text-[9px] font-mono font-bold tracking-[0.2em] relative uppercase ${className}`} style={customStyles} {...props}>\n        <span className=\"absolute -left-1 flex items-center justify-center top-1/2 -translate-y-1/2 h-full gap-[1px] bg-[#020205] px-[2px]\">\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n        </span>\n        <span className=\"pl-1\">{children}</span>\n      </span>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50\",\n    success: \"bg-emerald-500/20 text-emerald-300 border border-emerald-500/50\",\n    danger: \"bg-rose-500/20 text-rose-300 border border-rose-500/50\",\n    outline: \"bg-transparent text-zinc-400 border border-zinc-700\"\n  };\n\n  return (\n    <span className={`${base} ${(variants as any)[variant] || variants.primary} ${className}`} style={customStyles} {...props}>\n      {children}\n    </span>\n  );\n};\n\nexport const Switch = ({ \n  checked, \n  onChange, \n  variant = 'default', \n  className = '',\n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const customStyles = {\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div \n        className={`w-14 h-6 border-2 border-zinc-700 bg-zinc-900 relative cursor-pointer flex items-center p-0.5 transition-colors ${checked ? 'border-yellow-500/50' : ''} ${className}`} \n        onClick={onChange}\n        style={customStyles}\n        {...props}\n      >\n        {/* Warning track background */}\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(255,255,255,0.02)_4px,rgba(255,255,255,0.02)_8px)] pointer-events-none\" />\n        <div \n          className={`w-5 h-4 bg-zinc-400 absolute transition-all duration-300 ease-out flex items-center justify-center ${checked ? 'left-[30px] bg-yellow-500 shadow-[0_0_10px_rgba(234,179,8,0.5)]' : 'left-0.5'}`} \n          style={{ backgroundColor: checked && customColor ? customColor : undefined, boxShadow: checked && customColor ? `0 0 10px ${customColor}` : undefined }}\n        >\n           <div className={`w-[2px] h-2 ${checked ? 'bg-black/50' : 'bg-black/20'}`} />\n        </div>\n      </div>\n    );\n  }\n\n  const base = \"w-11 h-6 rounded-full relative cursor-pointer transition-colors duration-300\";\n  const variants = {\n    default: checked ? \"bg-white\" : \"bg-zinc-800\",\n    glow: checked ? \"bg-indigo-500 shadow-[0_0_15px_rgba(99,102,241,0.5)]\" : \"bg-zinc-800\"\n  };\n  const thumbBase = \"w-4 h-4 rounded-full absolute top-1 transition-all duration-300\";\n  const thumbVariants = {\n    default: checked ? \"left-6 bg-black\" : \"left-1 bg-zinc-400\",\n    glow: checked ? \"left-6 bg-white\" : \"left-1 bg-zinc-500\"\n  };\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} onClick={onChange} {...props}>\n      <div className={`${thumbBase} ${(thumbVariants as any)[variant] || thumbVariants.default}`} style={{ backgroundColor: checked && customColor ? customColor : undefined }} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["useState","useRef","useEffect","jsx","jsxs","useState","useRef","useEffect"]}
+{"version":3,"sources":["../src/components/Scene.tsx","../src/components/UI.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useRef, useState, useMemo, useEffect } from \"react\";\r\nimport { Canvas, useFrame } from \"@react-three/fiber\";\r\nimport { Environment, Sparkles, Stars, Sphere, MeshDistortMaterial, Clouds, Cloud } from \"@react-three/drei\";\r\nimport * as THREE from \"three\";\r\n\r\n// Supernova Easter Egg Component\r\nfunction SupernovaEasterEgg({ active, color, onComplete }: { active: boolean, color: string, onComplete: () => void }) {\r\n  const count = 150;\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  \r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  \r\n  // Distribute particles perfectly on the sphere shell initially\r\n  const initialPositions = useMemo(() => {\r\n    const pts = [];\r\n    for(let i=0; i<count; i++) {\r\n        const p = new THREE.Vector3(\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2,\r\n            (Math.random() - 0.5) * 2\r\n        ).normalize().multiplyScalar(1.5); // Start exactly on the Coreradius\r\n        pts.push(p);\r\n    }\r\n    return pts;\r\n  }, []);\r\n  \r\n  const velocities = useMemo(() => initialPositions.map(p => p.clone().normalize().multiplyScalar(Math.random() * 20 + 20)), [initialPositions]);\r\n  \r\n  const currentPositions = useRef(initialPositions.map(p => p.clone()));\r\n  const time = useRef(0);\r\n  const Y_AXIS = useMemo(() => new THREE.Vector3(0,1,0), []);\r\n  const tempVel = useMemo(() => new THREE.Vector3(), []);\r\n\r\n  const maxBonds = 2500;\r\n  const bondsMeshRef = useRef<THREE.InstancedMesh>(null);\r\n  const dummyBond = useMemo(() => new THREE.Object3D(), []);\r\n\r\n  useFrame((_, delta) => {\r\n    if (!active) return;\r\n    time.current += delta;\r\n    const t = time.current;\r\n\r\n    let phase = 0; \r\n    if (t < 2.0) phase = 1; // Violent Explosion\r\n    else if (t < 4.0) phase = 2; // Drift and expand lines\r\n    else if (t < 6.5) phase = 3; // Contract back to dense cage\r\n    else if (t < 8.0) phase = 4; // Fade dots out, let core emerge\r\n    else {\r\n        onComplete();\r\n        time.current = 0;\r\n        currentPositions.current = initialPositions.map(p => p.clone());\r\n        for(let i=0; i<count;i++) {\r\n            velocities[i] = initialPositions[i].clone().normalize().multiplyScalar(Math.random() * 20 + 20);\r\n        }\r\n        if (bondsMeshRef.current) bondsMeshRef.current.count = 0;\r\n        return;\r\n    }\r\n\r\n    let bondCount = 0;\r\n\r\n    let bondThreshold = 0;\r\n    if (phase === 2) {\r\n        bondThreshold = ((t - 2.0) / 2.0) * 8.0; // Lines grow from 0 to 8 radius seamlessly\r\n    } else if (phase >= 3) {\r\n        bondThreshold = 8.0; // Everything is connected\r\n    }\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        let p = currentPositions.current[i];\r\n        \r\n        if (phase === 1) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.92); // Viscous fluid drag\r\n            p.applyAxisAngle(Y_AXIS, delta * 2.0); // Orbital swirl\r\n        } else if (phase === 2) {\r\n            tempVel.copy(velocities[i]).multiplyScalar(delta);\r\n            p.add(tempVel);\r\n            velocities[i].multiplyScalar(0.95); // Float freely\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5); // Slow drift\r\n        } else {\r\n            // Smoothly ease back right onto the original shell\r\n            const target = initialPositions[i];\r\n            p.lerp(target, 1.0 - Math.pow(0.001, delta)); // Highly sticky easing\r\n            p.applyAxisAngle(Y_AXIS, delta * 0.5);\r\n        }\r\n        \r\n        // Connect points into a liquid mesh\r\n        if (bondThreshold > 0 && phase <= 4) {\r\n            const thresholdSq = bondThreshold * bondThreshold;\r\n            for (let j = i + 1; j < count; j++) {\r\n                const p2 = currentPositions.current[j];\r\n                const distSq = p.distanceToSquared(p2);\r\n                if (distSq < thresholdSq && distSq < 16.0) { // Keep reasonable draw limits (4.0^2)\r\n                    if (bondCount < maxBonds) {\r\n                        const dist = Math.sqrt(distSq);\r\n                        // liquid thickness: thicker when close, thin when far\r\n                        const thickness = Math.max(0.015, 0.15 - (dist * 0.035)) * (bondThreshold / 8.0);\r\n                        \r\n                        dummyBond.position.copy(p).lerp(p2, 0.5); // center point\r\n                        dummyBond.lookAt(p2); // Orient Z axis toward p2\r\n                        dummyBond.scale.set(thickness, thickness, dist * 0.5); // scale Z to bridge the gap exactly\r\n                        dummyBond.updateMatrix();\r\n                        \r\n                        if (bondsMeshRef.current) bondsMeshRef.current.setMatrixAt(bondCount, dummyBond.matrix);\r\n                        bondCount++;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        // Scale handles visual pop nicely\r\n        let scale = 0.2;\r\n        if (phase === 1) {\r\n            scale = Math.max(0.1, 0.4 - p.length()*0.015);\r\n        } else if (phase === 2 || phase === 3) {\r\n            scale = 0.15;\r\n        } else if (phase === 4) {\r\n            // Fade out the physical dots smoothly as the core takes over\r\n            const progress = (t - 6.5) / 1.5;\r\n            scale = THREE.MathUtils.lerp(0.15, 0, progress);\r\n        }\r\n        \r\n        dummy.position.copy(p);\r\n        dummy.scale.set(scale, scale, scale);\r\n        dummy.updateMatrix();\r\n        if (meshRef.current) meshRef.current.setMatrixAt(i, dummy.matrix);\r\n    }\r\n    \r\n    if (meshRef.current) meshRef.current.instanceMatrix.needsUpdate = true;\r\n    \r\n    if (bondsMeshRef.current) {\r\n        bondsMeshRef.current.count = bondCount;\r\n        bondsMeshRef.current.instanceMatrix.needsUpdate = true;\r\n    }\r\n  });\r\n\r\n  if (!active) return null;\r\n\r\n  // Let bond lines fade during phase 4 smoothly\r\n  const lineOpacity = time.current > 6.5 ? Math.max(0, 0.4 - ((time.current - 6.5)/1.5)*0.4) : 0.4;\r\n  const pointOpacity = time.current > 6.5 ? Math.max(0, 0.9 - ((time.current - 6.5)/1.5)*0.9) : 0.9;\r\n\r\n  return (\r\n    <group>\r\n      <instancedMesh ref={meshRef} args={[undefined, undefined, count]}>\r\n        <sphereGeometry args={[0.3, 16, 16]} />\r\n        <meshStandardMaterial color={color} emissive={color} emissiveIntensity={4} transparent opacity={pointOpacity} roughness={0} metalness={1} />\r\n      </instancedMesh>\r\n      <instancedMesh ref={bondsMeshRef} args={[undefined, undefined, maxBonds]} frustumCulled={false}>\r\n        <sphereGeometry args={[1, 16, 16]} />\r\n        <meshStandardMaterial \r\n            color=\"#38bdf8\" \r\n            transparent \r\n            opacity={lineOpacity * 1.5} \r\n            roughness={0.0} \r\n            metalness={0.8} \r\n            envMapIntensity={2.0} \r\n            blending={THREE.AdditiveBlending} \r\n            depthWrite={false}\r\n        />\r\n      </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// The central \"Black Hole\" or pulsing star\r\nexport function BlackHoleCore({ color = \"#312e81\" }: { color?: string }) {\r\n  const groupRef = useRef<THREE.Group>(null);\r\n  const visualsGroupRef = useRef<THREE.Group>(null);\r\n  const shockwaveRef = useRef<THREE.Mesh>(null);\r\n  const [clicked, setClicked] = useState(false);\r\n  const shockProgress = useRef(0);\r\n  const [easterEggActive, setEasterEggActive] = useState(false);\r\n  \r\n  // Track egg time internally for the BlackHole to know when to grow back\r\n  const eggTime = useRef(0);\r\n\r\n  const triggerShockwave = () => {\r\n    if (easterEggActive) return;\r\n    setClicked(true);\r\n    shockProgress.current = 0;\r\n    setTimeout(() => setClicked(false), 800);\r\n  };\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n      groupRef.current.rotation.y += delta * 0.05;\r\n      groupRef.current.rotation.x += delta * 0.02;\r\n    }\r\n\r\n    if (visualsGroupRef.current) {\r\n      if (easterEggActive) {\r\n        eggTime.current += delta;\r\n        // The egg takes 8.0s. It fades back in during Phase 4 (6.5s to 8.0s)\r\n        if (eggTime.current > 6.5) {\r\n            const progress = Math.min((eggTime.current - 6.5) / 1.5, 1.0);\r\n            const ease = 1 - Math.pow(1 - progress, 3); // cubic ease out\r\n            visualsGroupRef.current.scale.set(ease, ease, ease);\r\n        } else {\r\n            visualsGroupRef.current.scale.lerp(new THREE.Vector3(0, 0, 0), delta * 25); // Shrink intensely at start\r\n        }\r\n      } else {\r\n        eggTime.current = 0;\r\n        visualsGroupRef.current.scale.lerp(new THREE.Vector3(1, 1, 1), delta * 5);\r\n      }\r\n    }\r\n\r\n    if (clicked && shockProgress.current < 1) shockProgress.current += delta * 2;\r\n    else if (!clicked && shockProgress.current > 0) shockProgress.current -= delta * 1;\r\n    if (shockProgress.current < 0) shockProgress.current = 0;\r\n\r\n    if (shockwaveRef.current) {\r\n      const s = 1 + shockProgress.current * 15;\r\n      shockwaveRef.current.scale.set(s, s, s);\r\n      (shockwaveRef.current.material as THREE.Material).opacity = Math.max(0, 0.6 - shockProgress.current * 0.6);\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group \r\n      ref={groupRef} \r\n      onClick={triggerShockwave} \r\n      onDoubleClick={() => setEasterEggActive(true)}\r\n      onPointerOver={(e) => { e.stopPropagation(); document.body.style.cursor = \"crosshair\"; }} \r\n      onPointerOut={() => { document.body.style.cursor = \"default\"; }}\r\n    >\r\n      <SupernovaEasterEgg active={easterEggActive} color={color} onComplete={() => setEasterEggActive(false)} />\r\n      \r\n      <group ref={visualsGroupRef}>\r\n        <Sphere args={[1.5, 64, 64]}>\r\n          <MeshDistortMaterial color=\"#000000\" emissive={color} emissiveIntensity={1.5} distort={0.4} speed={3} roughness={0.1} />\r\n        </Sphere>\r\n        \r\n        <mesh ref={shockwaveRef} rotation={[Math.PI / 2, 0, 0]}>\r\n          <ringGeometry args={[1.6, 2.0, 64]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0} side={THREE.DoubleSide} />\r\n        </mesh>\r\n\r\n        <mesh rotation={[Math.PI / 2.2, 0.1, 0]}>\r\n          <torusGeometry args={[3.2, 0.015, 16, 100]} />\r\n          <meshBasicMaterial color={color} transparent opacity={0.5} />\r\n        </mesh>\r\n        <mesh rotation={[Math.PI / 2.2, -0.1, 0]}>\r\n          <torusGeometry args={[4.5, 0.03, 16, 100]} />\r\n          <meshBasicMaterial color=\"#38bdf8\" transparent opacity={0.3} />\r\n        </mesh>\r\n      </group>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Asteroid field that physically runs away from the user's mouse cursor\r\nexport function AsteroidField({ count = 150, color = \"#6366f1\", shape = \"dodecahedron\" }: { count?: number, color?: string, shape?: \"dodecahedron\" | \"icosahedron\" | \"box\" }) {\r\n  const meshRef = useRef<THREE.InstancedMesh>(null);\r\n  const linesRef = useRef<THREE.InstancedMesh>(null); // Dedicated mesh for warp speed light beams\r\n  const dummy = useMemo(() => new THREE.Object3D(), []);\r\n  const [isPressing, setIsPressing] = useState(false);\r\n  const warpSpeedRef = useRef(0);\r\n  \r\n  // Listen for global pointer down to trigger Warp Speed\r\n  useEffect(() => {\r\n    const handleDown = () => setIsPressing(true);\r\n    const handleUp = () => setIsPressing(false);\r\n    window.addEventListener(\"pointerdown\", handleDown);\r\n    window.addEventListener(\"pointerup\", handleUp);\r\n    return () => {\r\n      window.removeEventListener(\"pointerdown\", handleDown);\r\n      window.removeEventListener(\"pointerup\", handleUp);\r\n    };\r\n  }, []);\r\n  \r\n  const particles = useMemo(() => {\r\n    return Array.from({ length: count }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 25, (Math.random() - 0.5) * 25, (Math.random() - 0.5) * 40), // wider Z\r\n      vel: new THREE.Vector3((Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04, (Math.random() - 0.5) * 0.04),\r\n      baseZSpeed: Math.random() * 0.05 + 0.01,\r\n      scale: Math.random() * 0.3 + 0.05,\r\n      rotSpeed: new THREE.Vector3(Math.random() * 0.1, Math.random() * 0.1, Math.random() * 0.1),\r\n      rotation: new THREE.Vector3()\r\n    }));\r\n  }, [count, shape]);\r\n\r\n  // Dedicated light beams that only appear during Warp Speed\r\n  const warpLinesCount = 300;\r\n  const warpLines = useMemo(() => {\r\n    return Array.from({ length: warpLinesCount }, () => ({\r\n      pos: new THREE.Vector3((Math.random() - 0.5) * 50, (Math.random() - 0.5) * 50, (Math.random() - 0.5) * 100),\r\n      speed: Math.random() * 0.8 + 0.5,\r\n      length: Math.random() * 5 + 3,\r\n    }));\r\n  }, [warpLinesCount]);\r\n\r\n  useFrame((state, delta) => {\r\n    // Warp speed smooth logic\r\n    const targetWarp = isPressing ? 1 : 0;\r\n    warpSpeedRef.current += (targetWarp - warpSpeedRef.current) * 0.05;\r\n    \r\n    const mouse3D = new THREE.Vector3(state.pointer.x * 12, state.pointer.y * 12, 2);\r\n    const pushDir = new THREE.Vector3();\r\n\r\n    // 1. Update Asteroids (Rocks) -> No stretching anymore! \r\n    if (meshRef.current) {\r\n        particles.forEach((p, i) => {\r\n          // If warp speed active, push rocks backwards extremely fast straight ahead\r\n          if (warpSpeedRef.current > 0.01) {\r\n             const currentVelX = THREE.MathUtils.lerp(p.vel.x, 0, warpSpeedRef.current);\r\n             const currentVelY = THREE.MathUtils.lerp(p.vel.y, 0, warpSpeedRef.current);\r\n             p.pos.set(p.pos.x + currentVelX, p.pos.y + currentVelY, p.pos.z + (p.baseZSpeed + warpSpeedRef.current * 4.0));\r\n             p.rotation.set(\r\n                 p.rotation.x + p.rotSpeed.x * (1 - warpSpeedRef.current),\r\n                 p.rotation.y + p.rotSpeed.y * (1 - warpSpeedRef.current),\r\n                 p.rotation.z + p.rotSpeed.z * (1 - warpSpeedRef.current)\r\n             );\r\n          } else {\r\n             p.pos.add(p.vel);\r\n             p.rotation.add(p.rotSpeed);\r\n             p.pos.z += p.baseZSpeed;\r\n          }\r\n\r\n          // Wrap around space boundaries\r\n          if (Math.abs(p.pos.x) > 20) p.vel.x *= -1;\r\n          if (Math.abs(p.pos.y) > 20) p.vel.y *= -1;\r\n          if (p.pos.z > 15) {\r\n             p.pos.z = -50; \r\n             p.pos.x = (Math.random() - 0.5) * 60; \r\n             p.pos.y = (Math.random() - 0.5) * 60;\r\n          }\r\n          if (p.pos.z < -60) p.vel.z *= -1;\r\n\r\n          // Mouse Repulsion Interaction\r\n          const dist = p.pos.distanceTo(mouse3D);\r\n          if (dist < 4 && warpSpeedRef.current < 0.5) {\r\n            pushDir.copy(p.pos).sub(mouse3D).normalize();\r\n            p.pos.add(pushDir.multiplyScalar((4 - dist) * 0.08));\r\n          }\r\n          \r\n          if (warpSpeedRef.current < 0.1) {\r\n            const s = Math.sin(0.001);\r\n            const c = Math.cos(0.001);\r\n            const x = p.pos.x;\r\n            const z = p.pos.z;\r\n            p.pos.x = x * c + z * s;\r\n            p.pos.z = z * c - x * s;\r\n          }\r\n\r\n          dummy.position.copy(p.pos);\r\n          // Preserve uniform scaling (NOT stretched like logs)\r\n          // Fade them out slightly by making them smaller if zooming past near camera bounds\r\n          const visualScale = p.scale * (1.0 - (warpSpeedRef.current * 0.5));\r\n          dummy.scale.setScalar(visualScale);\r\n          dummy.rotation.set(p.rotation.x, p.rotation.y, p.rotation.z);\r\n          dummy.updateMatrix();\r\n          meshRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        meshRef.current!.instanceMatrix.needsUpdate = true;\r\n    }\r\n\r\n    // 2. Update Warp Lines (Lasers) -> Only visible when warpSpeed > 0\r\n    if (linesRef.current) {\r\n        warpLines.forEach((line, i) => {\r\n            // Move incredibly fast during warp\r\n            line.pos.z += (line.speed + (warpSpeedRef.current * 8.0));\r\n            \r\n            // Loop lines back\r\n            if (line.pos.z > 15) {\r\n                line.pos.z = -80;\r\n                line.pos.x = (Math.random() - 0.5) * 50;\r\n                line.pos.y = (Math.random() - 0.5) * 50;\r\n            }\r\n\r\n            dummy.position.copy(line.pos);\r\n            // Orient cylinder along Z axis rigidly\r\n            dummy.rotation.set(Math.PI / 2, 0, 0); \r\n            // Stretch based on warp intensity\r\n            const stretch = line.length + (warpSpeedRef.current * 15.0);\r\n            const thinness = 1.0 - (warpSpeedRef.current * 0.8);\r\n            dummy.scale.set(thinness, stretch, thinness);\r\n            dummy.updateMatrix();\r\n            linesRef.current!.setMatrixAt(i, dummy.matrix);\r\n        });\r\n        linesRef.current.instanceMatrix.needsUpdate = true;\r\n        \r\n        // Link opacity to warp intensity directly\r\n        const mat = linesRef.current.material as THREE.Material;\r\n        mat.opacity = warpSpeedRef.current * 0.6; // Soft laser glow\r\n    }\r\n    \r\n    // Dynamic FOV for Tunnel effect\r\n    if (state.camera instanceof THREE.PerspectiveCamera) {\r\n      const targetFov = 45 + (warpSpeedRef.current * 30); \r\n      state.camera.fov += (targetFov - state.camera.fov) * 0.05;\r\n      state.camera.updateProjectionMatrix();\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group>\r\n        {/* The true asteroids (No stretching, just rocks) */}\r\n        <instancedMesh ref={meshRef} args={[undefined, undefined, count]} key={shape}>\r\n          {shape === \"dodecahedron\" && <dodecahedronGeometry args={[1, 0]} />}\r\n          {shape === \"icosahedron\" && <icosahedronGeometry args={[1, 0]} />}\r\n          {shape === \"box\" && <boxGeometry args={[1, 1, 1]} />}\r\n          <meshStandardMaterial color={color} roughness={0.4} metalness={0.6} />\r\n        </instancedMesh>\r\n        \r\n        {/* The sci-fi light speed trails */}\r\n        <instancedMesh ref={linesRef} args={[undefined, undefined, warpLinesCount]}>\r\n          <cylinderGeometry args={[0.08, 0.08, 1, 8]} />\r\n          <meshBasicMaterial color=\"#ffffff\" transparent opacity={0} blending={THREE.AdditiveBlending} depthWrite={false} />\r\n        </instancedMesh>\r\n    </group>\r\n  );\r\n}\r\n\r\n// Controls camera movement based on Scroll + Mouse Tracking\r\nfunction CameraController() {\r\n  useFrame((state) => {\r\n    // 1. SCROLL PARALLAX: moves camera down effectively floating through space as you scroll down\r\n    const scrollY = window.scrollY;\r\n    // Reduce Y target so the camera doesn't veer off too drastically\r\n    const targetY = (-scrollY * 0.005) + (state.pointer.y * 1.5);\r\n    \r\n    // 2. MOUSE PARALLAX: entire universe tilts slightly opposite to your mouse\r\n    const targetX = state.pointer.x * 2;\r\n    \r\n    // Smooth Lerp\r\n    state.camera.position.x += (targetX - state.camera.position.x) * 0.05;\r\n    state.camera.position.y += (targetY - state.camera.position.y) * 0.05;\r\n    \r\n    state.camera.lookAt(0, 0, 0);\r\n  });\r\n  return null;\r\n}\r\n\r\n// Background Nebula Clouds\r\nexport function NebulaClouds() {\r\n  const particleTexture = useMemo(() => {\r\n    // Generate a soft radial gradient for the \"cloud\" particle\r\n    const canvas = document.createElement('canvas');\r\n    canvas.width = 128;\r\n    canvas.height = 128;\r\n    const ctx = canvas.getContext('2d');\r\n    if (ctx) {\r\n      const gradient = ctx.createRadialGradient(64, 64, 0, 64, 64, 64);\r\n      gradient.addColorStop(0, 'rgba(255,255,255,1)');\r\n      gradient.addColorStop(0.3, 'rgba(255,255,255,0.4)');\r\n      gradient.addColorStop(0.7, 'rgba(255,255,255,0.05)');\r\n      gradient.addColorStop(1, 'rgba(0,0,0,0)');\r\n      ctx.fillStyle = gradient;\r\n      ctx.fillRect(0, 0, 128, 128);\r\n    }\r\n    return new THREE.CanvasTexture(canvas);\r\n  }, []);\r\n\r\n  const count = 400;\r\n  \r\n  // Use useMemo to generate organic nebula shapes (Perlin/Simplex noise-like clusters)\r\n  const { positions1, colors1, positions2, colors2 } = useMemo(() => {\r\n    const p1 = new Float32Array(count * 3);\r\n    const c1 = new Float32Array(count * 3);\r\n    const p2 = new Float32Array(count * 3);\r\n    const c2 = new Float32Array(count * 3);\r\n\r\n    const baseColor1 = new THREE.Color(\"#4c1d95\"); // Deep Purple\r\n    const accentColor1 = new THREE.Color(\"#be185d\"); // Deep Pink\r\n    \r\n    const baseColor2 = new THREE.Color(\"#1e3a8a\"); // Deep Blue\r\n    const accentColor2 = new THREE.Color(\"#0ea5e9\"); // Cyan\r\n\r\n    for (let i = 0; i < count; i++) {\r\n        // Nebula 1: Large sweeping galactic arm\r\n        const angle = Math.random() * Math.PI * 2;\r\n        const radius = 10 + Math.random() * 40;\r\n        const spreadY = (Math.random() - 0.5) * 15;\r\n        p1[i * 3] = Math.cos(angle) * radius + (Math.random()-0.5)*15;\r\n        p1[i * 3 + 1] = spreadY + (Math.random()-0.5)*10;\r\n        p1[i * 3 + 2] = Math.sin(angle) * radius - 20 + (Math.random()-0.5)*15;\r\n        \r\n        const mixColor1 = baseColor1.clone().lerp(accentColor1, Math.random());\r\n        c1[i * 3] = mixColor1.r;\r\n        c1[i * 3 + 1] = mixColor1.g;\r\n        c1[i * 3 + 2] = mixColor1.b;\r\n\r\n        // Nebula 2: Concentrated core / diffuse background\r\n        const angle2 = Math.random() * Math.PI * 2;\r\n        const radius2 = Math.random() * 35;\r\n        p2[i * 3] = Math.cos(angle2) * radius2 * 1.5;\r\n        p2[i * 3 + 1] = (Math.random() - 0.5) * 25;\r\n        p2[i * 3 + 2] = Math.sin(angle2) * radius2 - 30;\r\n\r\n        const mixColor2 = baseColor2.clone().lerp(accentColor2, Math.random());\r\n        c2[i * 3] = mixColor2.r;\r\n        c2[i * 3 + 1] = mixColor2.g;\r\n        c2[i * 3 + 2] = mixColor2.b;\r\n    }\r\n    return { positions1: p1, colors1: c1, positions2: p2, colors2: c2 };\r\n  }, [count]);\r\n\r\n  const groupRef = useRef<THREE.Group>(null);\r\n\r\n  useFrame((_, delta) => {\r\n    if (groupRef.current) {\r\n        // Extremely slow drift of the entire nebula to make it feel alive\r\n        groupRef.current.rotation.y += delta * 0.01;\r\n        groupRef.current.rotation.z += delta * 0.002;\r\n    }\r\n  });\r\n\r\n  return (\r\n    <group ref={groupRef} position={[0, 0, -10]}>\r\n      <points>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions1, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors1, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={35} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.08} \r\n          depthWrite={false}\r\n          depthTest={false} \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n      <points rotation={[0.2, 0.5, -0.1]}>\r\n        <bufferGeometry>\r\n          <bufferAttribute attach=\"attributes-position\" count={count} args={[positions2, 3]} />\r\n          <bufferAttribute attach=\"attributes-color\" count={count} args={[colors2, 3]} />\r\n        </bufferGeometry>\r\n        <pointsMaterial \r\n          size={45} \r\n          map={particleTexture} \r\n          vertexColors \r\n          transparent \r\n          opacity={0.06} \r\n          depthWrite={false}\r\n          depthTest={false}  \r\n          blending={THREE.AdditiveBlending} \r\n          sizeAttenuation={true}\r\n        />\r\n      </points>\r\n    </group>\r\n  );\r\n}\r\n\r\nexport default function Scene({ \r\n  coreColor = \"#312e81\", \r\n  particleColor = \"#6366f1\", \r\n  particleCount = 150, \r\n  particleShape = \"dodecahedron\",\r\n  children\r\n}: { \r\n  coreColor?: string, \r\n  particleColor?: string, \r\n  particleCount?: number, \r\n  particleShape?: \"dodecahedron\" | \"icosahedron\" | \"box\",\r\n  children?: React.ReactNode\r\n}) {\r\n  return (\r\n    <div className=\"absolute inset-0 w-full h-full z-0 pointer-events-auto bg-[#020205]\">\r\n      <Canvas camera={{ position: [0, 0, 12], fov: 45 }} gl={{ alpha: true }}>\r\n        <color attach=\"background\" args={['#020205']} />\r\n        <React.Suspense fallback={null}>\r\n          <ambientLight intensity={0.5} />\r\n          <directionalLight position={[10, 10, 5]} intensity={3} color=\"#818cf8\" />\r\n          <directionalLight position={[-10, -10, -5]} intensity={2} color=\"#c084fc\" />\r\n          \r\n          <CameraController />\r\n          <BlackHoleCore color={coreColor} />\r\n          <AsteroidField count={particleCount} color={particleColor} shape={particleShape} />\r\n          <NebulaClouds />\r\n\r\n          {/* Render User's Custom 3D/4D Models Here */}\r\n          {children}\r\n          \r\n          {/* Dense Universe Stars & Sparkles */}\r\n          <Stars radius={150} depth={100} count={8000} factor={6} saturation={1} fade speed={2} />\r\n          <Sparkles count={300} scale={25} size={3} speed={0.2} opacity={0.4} color=\"#818cf8\" />\r\n          <Sparkles count={200} scale={20} size={1} speed={0.4} opacity={0.6} color=\"#c084fc\" />\r\n          <Sparkles count={100} scale={30} size={6} speed={0.1} opacity={0.2} color=\"#2dd4bf\" />\r\n          \r\n          <Environment preset=\"city\" />\r\n        </React.Suspense>\r\n      </Canvas>\r\n    </div>\r\n  );\r\n}\r\n","\"use client\";\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nexport const Button = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  customSize,\n  style,\n  ...props \n}: any) => {\n  const base = \"font-medium transition-all duration-300 relative overflow-hidden group active:scale-95 flex items-center justify-center\";\n  const sizeClass = customSize === 'sm' ? 'px-4 py-2 text-sm' : customSize === 'lg' ? 'px-8 py-4 text-lg' : 'px-6 py-3';\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <button \n        className={`${sizeClass} font-mono font-bold tracking-[0.2em] uppercase text-xs transition-all relative overflow-hidden group active:scale-95 flex items-center justify-center bg-zinc-900 border-l-4 border-l-yellow-500 border-y border-y-zinc-800 border-r border-r-zinc-800 text-zinc-300 hover:text-white hover:bg-zinc-800 hover:border-l-yellow-400 ${className}`}\n        style={{ clipPath: \"polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)\", ...customStyles }}\n        {...props}\n      >\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_2px,rgba(255,255,255,0.02)_2px,rgba(255,255,255,0.02)_4px)] pointer-events-none\" />\n        <span className=\"relative z-10 flex items-center gap-2\">\n          {children}\n        </span>\n        <div className=\"absolute right-2 bottom-2 w-1.5 h-1.5 bg-yellow-500/50 group-hover:bg-yellow-400\" />\n      </button>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-white text-black hover:bg-zinc-200 active:bg-zinc-300 hover:shadow-lg rounded-lg\",\n    glow: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50 hover:bg-indigo-500/40 hover:shadow-[0_0_20px_rgba(99,102,241,0.4)] active:bg-indigo-500/50 rounded-lg\",\n    ghost: \"bg-transparent text-zinc-300 hover:bg-white/10 active:bg-white/20 rounded-lg\",\n    outline: \"bg-transparent border border-white/20 text-white hover:border-white/60 hover:bg-white/5 active:bg-white/10 rounded-lg\",\n    danger: \"bg-rose-500/10 border border-rose-500/50 text-rose-400 hover:bg-rose-500/20 hover:shadow-[0_0_20px_rgba(244,63,94,0.4)] active:bg-rose-500/30 rounded-lg\"\n  };\n  \n  return (\n    <button \n      className={`${base} ${sizeClass} ${(variants as any)[variant] || variants.primary} ${className}`} \n      style={customStyles}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children}</span>\n    </button>\n  );\n};\n\nexport const TextBox = ({ \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"w-full focus:outline-none transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500\",\n    underline: \"bg-transparent border-b-2 border-white/10 px-0 py-3 text-white placeholder:text-zinc-600 focus:border-indigo-500 rounded-none\",\n    glow: \"bg-indigo-500/5 border border-indigo-500/30 rounded-xl px-4 py-3 text-indigo-100 placeholder:text-indigo-500/50 focus:border-indigo-400 focus:shadow-[0_0_20px_rgba(99,102,241,0.2)]\",\n    mecha: \"bg-black border border-zinc-800 focus:border-yellow-500 text-yellow-50 font-mono text-sm px-4 py-3 rounded-none placeholder:text-zinc-700 relative z-10 w-full\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`relative ${className}`} style={{ ...(customRadius && { borderRadius: customRadius }) }}>\n        <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <input \n          className={variants.mecha}\n          style={customStyles}\n          {...props}\n        />\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2 text-[9px] font-mono text-yellow-500/30 pointer-events-none\">[INPUT]</div>\n      </div>\n    );\n  }\n\n  return (\n    <input \n      className={`${base} ${(variants as any)[variant] || variants.default} ${className}`}\n      style={customStyles}\n      {...props}\n    />\n  );\n};\n\nexport const Dropdown = ({ options = [], variant = 'default', placeholder = \"Select...\", className = '' }: any) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selected, setSelected] = useState('');\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const base = \"w-full transition-all cursor-pointer flex justify-between items-center\";\n  const variants = {\n    default: \"bg-[#0a0a0f] border border-white/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500\",\n    ghost: \"bg-white/5 border border-transparent rounded-xl px-4 py-3 text-zinc-300 hover:bg-white/10 focus:bg-[#0a0a0f] focus:border-indigo-500\",\n    mecha: \"bg-black border border-zinc-800 rounded-none px-4 py-3 text-yellow-50 font-mono text-sm hover:border-yellow-500/50 focus:border-yellow-500 relative\"\n  };\n\n  return (\n    <div className={`relative ${className}`} ref={dropdownRef}>\n      {variant === 'mecha' && (\n        <>\n          <div className=\"absolute top-0 left-0 w-2 h-2 border-t-2 border-l-2 border-yellow-500/50 z-10 pointer-events-none\" />\n          <div className=\"absolute bottom-0 right-0 w-2 h-2 border-b-2 border-r-2 border-yellow-500/50 z-10 pointer-events-none\" />\n        </>\n      )}\n      <div \n        className={`${base} ${(variants as any)[variant] || variants.default}`}\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <span className={selected ? 'text-white' : 'text-zinc-500'}>\n          {selected || placeholder}\n        </span>\n        <svg className={`w-4 h-4 text-zinc-500 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {isOpen && (\n        <div className={`absolute z-50 w-full mt-2 overflow-hidden animate-in fade-in slide-in-from-top-2 duration-200 ${variant === 'mecha' ? 'bg-black border border-yellow-500/50 rounded-none shadow-[0_0_20px_rgba(234,179,8,0.1)]' : 'bg-[#0a0a0f] border border-white/10 rounded-xl shadow-[0_10px_40px_-10px_rgba(0,0,0,0.5)]'}`}>\n          <div className=\"max-h-60 overflow-y-auto custom-scrollbar\">\n            {options.map((opt: string, i: number) => (\n              <div \n                key={i} \n                className={variant === 'mecha' \n                  ? `px-4 py-3 text-sm cursor-pointer transition-colors font-mono ${selected === opt ? 'bg-yellow-500/20 text-yellow-300 border-l-2 border-yellow-500' : 'text-zinc-400 hover:bg-zinc-900 border-l-2 border-transparent hover:text-white'}`\n                  : `px-4 py-3 text-sm cursor-pointer transition-colors ${selected === opt ? 'bg-indigo-500/20 text-indigo-300' : 'text-zinc-300 hover:bg-white/10 hover:text-white'}`\n                }\n                onClick={() => {\n                  setSelected(opt);\n                  setIsOpen(false);\n                }}\n              >\n                {opt}\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Card = ({ \n  children, \n  variant = 'default', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"transition-all duration-300 relative overflow-hidden\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  const variants = {\n    default: \"p-6 rounded-2xl bg-[#050508] border border-white/10\",\n    glow: \"p-6 rounded-2xl bg-indigo-900/10 border border-indigo-500/30 shadow-[0_0_30px_rgba(99,102,241,0.15)]\",\n    glass: \"p-6 rounded-2xl bg-white/[0.08] backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_0_rgba(255,255,255,0.05)]\",\n    mecha: \"p-8 rounded-none bg-zinc-900/80 border border-zinc-800 backdrop-blur-sm\"\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div className={`${base} ${variants.mecha} ${className}`} style={customStyles} {...props}>\n        {/* Mecha Card Accents */}\n        <div className=\"absolute top-0 left-0 w-8 h-8 border-t-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute top-0 right-0 w-8 h-8 border-t-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 left-0 w-8 h-8 border-b-2 border-l-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        <div className=\"absolute bottom-0 right-0 w-8 h-8 border-b-2 border-r-2 border-yellow-500/50 pointer-events-none\" style={{ borderColor: customBorder ? customBorder.split(' ')[2] || customBorder : undefined }} />\n        \n        {/* Warning track background */}\n        <div className=\"absolute bottom-0 left-10 right-10 h-[2px] bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(234,179,8,0.5)_4px,rgba(234,179,8,0.5)_8px)] pointer-events-none\" />\n        \n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport const Badge = ({ \n  children, \n  variant = 'primary', \n  className = '', \n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const base = \"px-2.5 py-0.5 rounded-full text-xs font-semibold tracking-wider uppercase transition-all\";\n  \n  const customStyles = {\n    ...(customColor && { color: customColor }),\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <span className={`px-2 py-1 bg-yellow-500/10 border border-yellow-500/50 text-[#eab308] text-[9px] font-mono font-bold tracking-[0.2em] relative uppercase ${className}`} style={customStyles} {...props}>\n        <span className=\"absolute -left-1 flex items-center justify-center top-1/2 -translate-y-1/2 h-full gap-[1px] bg-[#020205] px-[2px]\">\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n          <span className=\"w-[1px] h-2 bg-yellow-500\" style={{ backgroundColor: customColor || undefined }} />\n        </span>\n        <span className=\"pl-1\">{children}</span>\n      </span>\n    );\n  }\n\n  const variants = {\n    primary: \"bg-indigo-500/20 text-indigo-300 border border-indigo-500/50\",\n    success: \"bg-emerald-500/20 text-emerald-300 border border-emerald-500/50\",\n    danger: \"bg-rose-500/20 text-rose-300 border border-rose-500/50\",\n    outline: \"bg-transparent text-zinc-400 border border-zinc-700\"\n  };\n\n  return (\n    <span className={`${base} ${(variants as any)[variant] || variants.primary} ${className}`} style={customStyles} {...props}>\n      {children}\n    </span>\n  );\n};\n\nexport const Switch = ({ \n  checked, \n  onChange, \n  variant = 'default', \n  className = '',\n  customColor,\n  customBg,\n  customBorder,\n  customRadius,\n  style,\n  ...props \n}: any) => {\n  const customStyles = {\n    ...(customBg && { backgroundColor: customBg }),\n    ...(customBorder && { border: customBorder }),\n    ...(customRadius && { borderRadius: customRadius }),\n    ...style\n  };\n\n  if (variant === 'mecha') {\n    return (\n      <div \n        className={`w-14 h-6 border-2 border-zinc-700 bg-zinc-900 relative cursor-pointer flex items-center p-0.5 transition-colors ${checked ? 'border-yellow-500/50' : ''} ${className}`} \n        onClick={onChange}\n        style={customStyles}\n        {...props}\n      >\n        {/* Warning track background */}\n        <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,rgba(255,255,255,0.02)_4px,rgba(255,255,255,0.02)_8px)] pointer-events-none\" />\n        <div \n          className={`w-5 h-4 bg-zinc-400 absolute transition-all duration-300 ease-out flex items-center justify-center ${checked ? 'left-[30px] bg-yellow-500 shadow-[0_0_10px_rgba(234,179,8,0.5)]' : 'left-0.5'}`} \n          style={{ backgroundColor: checked && customColor ? customColor : undefined, boxShadow: checked && customColor ? `0 0 10px ${customColor}` : undefined }}\n        >\n           <div className={`w-[2px] h-2 ${checked ? 'bg-black/50' : 'bg-black/20'}`} />\n        </div>\n      </div>\n    );\n  }\n\n  const base = \"w-11 h-6 rounded-full relative cursor-pointer transition-colors duration-300\";\n  const variants = {\n    default: checked ? \"bg-white\" : \"bg-zinc-800\",\n    glow: checked ? \"bg-indigo-500 shadow-[0_0_15px_rgba(99,102,241,0.5)]\" : \"bg-zinc-800\"\n  };\n  const thumbBase = \"w-4 h-4 rounded-full absolute top-1 transition-all duration-300\";\n  const thumbVariants = {\n    default: checked ? \"left-6 bg-black\" : \"left-1 bg-zinc-400\",\n    glow: checked ? \"left-6 bg-white\" : \"left-1 bg-zinc-500\"\n  };\n\n  return (\n    <div className={`${base} ${(variants as any)[variant] || variants.default} ${className}`} style={customStyles} onClick={onChange} {...props}>\n      <div className={`${thumbBase} ${(thumbVariants as any)[variant] || thumbVariants.default}`} style={{ backgroundColor: checked && customColor ? customColor : undefined }} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["useState","useRef","useEffect","jsx","jsxs","useState","useRef","useEffect"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spatial-ui-universe",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",