From f433d2dfc9f5a843923ed00ad23370a3ff3dfd92 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 21:17:55 +0000
Subject: [PATCH] Switch to version 2: added
 registry/components/AnimatedAuroraBackground.json

---
 .../components/AnimatedAuroraBackground.json  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 registry/components/AnimatedAuroraBackground.json

diff --git a/registry/components/AnimatedAuroraBackground.json b/registry/components/AnimatedAuroraBackground.json
new file mode 100644
index 0000000..4a405e5
--- /dev/null
+++ b/registry/components/AnimatedAuroraBackground.json
@@ -0,0 +1,22 @@
+{
+  "name": "AnimatedAuroraBackground",
+  "description": "Aurora borealis effect with animated repeating gradients and mix-blend-difference.",
+  "details": "Use for premium, vibrant backgrounds with flowing aurora animation. Features repeating linear gradients with theme colors (primary-cta, accent, secondary-cta) that animate across the screen. Uses background color for base gradient with 10px blur filter. Optional radial gradient mask (default: true) creates elliptical spotlight effect from top-right. Uses mix-blend-difference blend mode and after pseudo-element for layered animation. Requires aurora keyframes animation in globals.css. Set invertColors to true for light backgrounds, false for dark backgrounds.",
+  "constraints": {},
+  "propsSchema": {
+    "className?": "string",
+    "showRadialGradient?": "boolean (default: true)",
+    "invertColors": "boolean (REQUIRED - true for light backgrounds, false for dark backgrounds)"
+  },
+  "usageExample": "<AnimatedAuroraBackground invertColors={true} showRadialGradient={true} />",
+  "do": [
+    "Use for feature showcases",
+    "Use for capability displays"
+  ],
+  "dont": [],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}