fix: correct 48 drifted prop-table defaults and align 4 variant default mismatches

public/r/GlitchText-JS-CSS.json

@@ -14,7 +14,7 @@
 		{
 			"type": "registry:component",
 			"path": "GlitchText.jsx",
-			"content": "import './GlitchText.css';\n\nconst GlitchText = ({ children, speed = 1, enableShadows = true, enableOnHover = true, className = '' }) => {\n  const inlineStyles = {\n    '--after-duration': `${speed * 3}s`,\n    '--before-duration': `${speed * 2}s`,\n    '--after-shadow': enableShadows ? '-5px 0 red' : 'none',\n    '--before-shadow': enableShadows ? '5px 0 cyan' : 'none'\n  };\n\n  const hoverClass = enableOnHover ? 'enable-on-hover' : '';\n\n  return (\n    <div className={`glitch ${hoverClass} ${className}`} style={inlineStyles} data-text={children}>\n      {children}\n    </div>\n  );\n};\n\nexport default GlitchText;\n"
+			"content": "import './GlitchText.css';\n\nconst GlitchText = ({ children, speed = 0.5, enableShadows = true, enableOnHover = false, className = '' }) => {\n  const inlineStyles = {\n    '--after-duration': `${speed * 3}s`,\n    '--before-duration': `${speed * 2}s`,\n    '--after-shadow': enableShadows ? '-5px 0 red' : 'none',\n    '--before-shadow': enableShadows ? '5px 0 cyan' : 'none'\n  };\n\n  const hoverClass = enableOnHover ? 'enable-on-hover' : '';\n\n  return (\n    <div className={`glitch ${hoverClass} ${className}`} style={inlineStyles} data-text={children}>\n      {children}\n    </div>\n  );\n};\n\nexport default GlitchText;\n"
 		}
 	],
 	"registryDependencies": [],

src/content/Animations/MetaBalls/MetaBalls.jsx

@@ -106,7 +106,7 @@ const MetaBalls = ({
   clumpFactor = 1,
   cursorBallSize = 3,
   cursorBallColor = '#ffffff',
-  enableTransparency = true
+  enableTransparency = false
 }) => {
   const containerRef = useRef(null);
 

src/content/TextAnimations/GlitchText/GlitchText.jsx

@@ -1,6 +1,6 @@
 import './GlitchText.css';
 
-const GlitchText = ({ children, speed = 1, enableShadows = true, enableOnHover = true, className = '' }) => {
+const GlitchText = ({ children, speed = 0.5, enableShadows = true, enableOnHover = false, className = '' }) => {
   const inlineStyles = {
     '--after-duration': `${speed * 3}s`,
     '--before-duration': `${speed * 2}s`,

src/demo/Animations/ClickSparkDemo.jsx

@@ -43,19 +43,19 @@ const ClickSparkDemo = () => {
       {
         name: 'sparkColor',
         type: 'string',
-        default: "'#f00'",
+        default: "'#fff'",
         description: 'Color of each spark line.'
       },
       {
         name: 'sparkSize',
         type: 'number',
-        default: 30,
+        default: 10,
         description: 'Initial length of each spark line.'
       },
       {
         name: 'sparkRadius',
         type: 'number',
-        default: 30,
+        default: 15,
         description: 'How far sparks travel from the click center.'
       },
       {
@@ -67,7 +67,7 @@ const ClickSparkDemo = () => {
       {
         name: 'duration',
         type: 'number',
-        default: 660,
+        default: 400,
         description: 'Animation duration in milliseconds.'
       },
       {

src/demo/Animations/MetaBallsDemo.jsx

@@ -107,7 +107,7 @@ const MetaBallsDemo = () => {
       {
         name: 'cursorBallColor',
         type: 'string',
-        default: '#ff0000',
+        default: '#ffffff',
         description: 'Color of the cursor ball.'
       }
     ],
@@ -129,6 +129,7 @@ const MetaBallsDemo = () => {
               hoverSmoothness={hoverSmoothness}
               clumpFactor={clumpFactor}
               speed={speed}
+              enableTransparency
             />
           </Box>
 

src/demo/Animations/RibbonsDemo.jsx

@@ -59,7 +59,7 @@ const RibbonsDemo = () => {
       {
         name: 'offsetFactor',
         type: 'number',
-        default: '0.02',
+        default: '0.05',
         description: 'A factor to horizontally offset the starting positions of the ribbons.'
       },
       {
@@ -77,19 +77,19 @@ const RibbonsDemo = () => {
       {
         name: 'speedMultiplier',
         type: 'number',
-        default: '0.5',
+        default: '0.6',
         description: 'Multiplier that adjusts how fast trailing points interpolate towards the head.'
       },
       {
         name: 'enableFade',
         type: 'boolean',
-        default: 'true',
+        default: 'false',
         description: 'If true, a fade effect is applied along the length of the ribbon.'
       },
       {
         name: 'enableShaderEffect',
         type: 'boolean',
-        default: 'true',
+        default: 'false',
         description: 'If true, an additional sine-wave shader effect is applied to the ribbons.'
       },
       {

src/demo/Animations/StarBorderDemo.jsx

@@ -64,7 +64,7 @@ const StarBorderDemo = () => {
       {
         name: 'thickness',
         type: 'number',
-        default: '3',
+        default: '1',
         description: 'Controls the thickness of the star border effect.'
       },
       {

src/demo/Backgrounds/FerrofluidDemo.jsx

@@ -90,7 +90,7 @@ const FerrofluidDemo = () => {
       {
         name: 'scale',
         type: 'number',
-        default: '1',
+        default: '1.6',
         description: 'Overall feature size. Higher values zoom in for larger, fewer blobs.'
       },
       {
@@ -114,13 +114,13 @@ const FerrofluidDemo = () => {
       {
         name: 'sharpness',
         type: 'number',
-        default: '3',
+        default: '2.5',
         description: 'Contrast of the rim highlights. Higher values give crisper, thinner edges.'
       },
       {
         name: 'shimmer',
         type: 'number',
-        default: '1',
+        default: '1.5',
         description: 'Amount of fine grainy break-up applied to the rim. 0 = smooth lines.'
       },
       {
@@ -156,7 +156,7 @@ const FerrofluidDemo = () => {
       {
         name: 'mouseRadius',
         type: 'number',
-        default: '0.3',
+        default: '0.35',
         description: 'Falloff radius of the magnetic cursor spike.'
       },
       {

src/demo/Backgrounds/LightRaysDemo.jsx

@@ -83,13 +83,13 @@ const LightRaysDemo = () => {
       {
         name: 'lightSpread',
         type: 'number',
-        default: '0.5',
+        default: '1',
         description: 'How wide the light rays spread. Lower values = tighter rays, higher values = wider spread'
       },
       {
         name: 'rayLength',
         type: 'number',
-        default: '1.0',
+        default: '2',
         description: 'Maximum length/reach of the rays'
       },
       {
@@ -113,13 +113,13 @@ const LightRaysDemo = () => {
       {
         name: 'followMouse',
         type: 'boolean',
-        default: 'false',
+        default: 'true',
         description: 'Make rays rotate towards the mouse cursor'
       },
       {
         name: 'mouseInfluence',
         type: 'number',
-        default: '0.5',
+        default: '0.1',
         description: 'How much mouse affects rays (0-1)'
       },
       {

src/demo/Backgrounds/LightfallDemo.jsx

@@ -80,13 +80,13 @@ const LightfallDemo = () => {
       {
         name: 'speed',
         type: 'number',
-        default: '1',
+        default: '0.5',
         description: 'Multiplier for how fast the light streaks fall.'
       },
       {
         name: 'streakCount',
         type: 'number',
-        default: '8',
+        default: '2',
         description: 'Number of streak layers rendered per cell (1–16). Higher = busier.'
       },
       {
@@ -110,7 +110,7 @@ const LightfallDemo = () => {
       {
         name: 'density',
         type: 'number',
-        default: '1',
+        default: '0.6',
         description: 'Vertical frequency of streaks. Higher values pack more streaks into view.'
       },
       {
@@ -122,13 +122,13 @@ const LightfallDemo = () => {
       {
         name: 'zoom',
         type: 'number',
-        default: '2',
+        default: '3',
         description: 'Field of view into the tunnel. Higher values zoom further in.'
       },
       {
         name: 'backgroundGlow',
         type: 'number',
-        default: '1',
+        default: '0.5',
         description: 'Intensity of the ambient background glow.'
       },
       {
@@ -146,13 +146,13 @@ const LightfallDemo = () => {
       {
         name: 'mouseStrength',
         type: 'number',
-        default: '1',
+        default: '0.5',
         description: 'Intensity of the cursor light.'
       },
       {
         name: 'mouseRadius',
         type: 'number',
-        default: '0.6',
+        default: '1',
         description: 'Falloff radius of the cursor light.'
       },
       {

src/demo/Backgrounds/LiquidChromeDemo.jsx

@@ -50,25 +50,25 @@ const LiquidChromeDemo = () => {
       {
         name: 'speed',
         type: 'number',
-        default: '1.0',
+        default: '0.2',
         description: 'Animation speed multiplier.'
       },
       {
         name: 'amplitude',
         type: 'number',
-        default: '0.6',
+        default: '0.3',
         description: 'Amplitude of the distortion.'
       },
       {
         name: 'frequencyX',
         type: 'number',
-        default: '2.5',
+        default: '3',
         description: 'Frequency modifier for the x distortion.'
       },
       {
         name: 'frequencyY',
         type: 'number',
-        default: '1.5',
+        default: '3',
         description: 'Frequency modifier for the y distortion.'
       },
       {

src/demo/Backgrounds/PixelBlastDemo.jsx

@@ -61,7 +61,7 @@ const PixelBlastDemo = () => {
       {
         name: 'pixelSize',
         type: 'number',
-        default: '4',
+        default: '3',
         description: 'Base pixel size (auto scaled for DPI).'
       },
       {
@@ -145,7 +145,7 @@ const PixelBlastDemo = () => {
       {
         name: 'edgeFade',
         type: 'number',
-        default: '0.25',
+        default: '0.5',
         description: 'Edge fade distance (0-1).'
       },
       {

src/demo/Backgrounds/PlasmaDemo.jsx

@@ -71,7 +71,7 @@ const PlasmaDemo = () => {
       {
         name: 'mouseInteractive',
         type: 'boolean',
-        default: 'false',
+        default: 'true',
         description: 'Whether the plasma responds to mouse movement.'
       },
       {
@@ -91,7 +91,7 @@ const PlasmaDemo = () => {
       {
         name: 'targetFps',
         type: 'number',
-        default: '30',
+        default: '60',
         description: 'Target frame rate for the animation loop. Lower values reduce CPU/GPU load.'
       },
       {

src/demo/Backgrounds/RippleGridDemo.jsx

@@ -116,13 +116,13 @@ const RippleGridDemo = () => {
       {
         name: 'mouseInteraction',
         type: 'boolean',
-        default: 'false',
+        default: 'true',
         description: 'Enable mouse/touch interaction to create ripples.'
       },
       {
         name: 'mouseInteractionRadius',
         type: 'number',
-        default: '0.8',
+        default: '1',
         description: 'Controls the radius of the mouse interaction effect.'
       }
     ],

src/demo/Backgrounds/SideRaysDemo.jsx

@@ -50,13 +50,13 @@ const SideRaysDemo = () => {
       {
         name: 'speed',
         type: 'number',
-        default: '1.0',
+        default: '2.5',
         description: 'Animation speed of the rays'
       },
       {
         name: 'rayColor1',
         type: 'string',
-        default: '"#ffaa6e"',
+        default: '"#EAB308"',
         description: 'Color of the first ray layer in hex format'
       },
       {
@@ -68,13 +68,13 @@ const SideRaysDemo = () => {
       {
         name: 'intensity',
         type: 'number',
-        default: '1.0',
+        default: '2',
         description: 'Overall brightness of the rays'
       },
       {
         name: 'spread',
         type: 'number',
-        default: '1.0',
+        default: '2',
         description: 'Angular width of the ray fan — higher values create a wider spread between the two ray layers'
       },
       {
@@ -92,19 +92,19 @@ const SideRaysDemo = () => {
       {
         name: 'saturation',
         type: 'number',
-        default: '1.0',
+        default: '1.5',
         description: 'Color saturation of the rays — 0 renders in grayscale, values above 1 boost color'
       },
       {
         name: 'blend',
         type: 'number',
-        default: '0.78',
+        default: '0.75',
         description: 'Balance between the two ray layers — 0 is all ray 1, 1 is all ray 2'
       },
       {
         name: 'falloff',
         type: 'number',
-        default: '2.0',
+        default: '1.6',
         description: 'How steeply brightness diminishes with distance from the source — higher = tighter glow'
       },
       {

src/demo/Components/PillNavDemo.jsx

@@ -100,7 +100,7 @@ const PillNavDemo = () => {
       {
         name: 'initialLoadAnimation',
         type: 'boolean',
-        default: 'false',
+        default: 'true',
         description: 'Enable initial load animation for logo scale and nav items reveal'
       }
     ],

src/demo/Components/StaggeredMenuDemo.jsx

@@ -78,7 +78,7 @@ const StaggeredMenuDemo = () => {
       {
         name: 'displaySocials',
         type: 'boolean',
-        default: 'false',
+        default: 'true',
         description: 'Whether to display the social links section.'
       },
       {