Initial commit

registry/components/RadialGradientBackground.json

@@ -0,0 +1,24 @@
+{
+  "name": "RadialGradientBackground",
+  "description": "Customizable radial gradient background with theme color integration.",
+  "constraints": {},
+  "propsSchema": {
+    "className?": "string",
+    "centerColor?": "string (default: 'var(--background)')",
+    "edgeColor?": "string (default: 'var(--color-background-accent)')",
+    "size?": "string (default: '130% 130%')",
+    "position?": "string (default: '50% 15%')"
+  },
+  "usageExample": "<RadialGradientBackground centerColor=\"var(--background)\" edgeColor=\"var(--color-background-accent)\" size=\"130% 130%\" position=\"50% 15%\" />",
+  "do": [
+    "Use for landing pages",
+    "Use for feature showcases",
+    "Use for capability displays"
+  ],
+  "dont": [],
+  "editRules": {
+    "textOnly": true,
+    "layoutLocked": true,
+    "styleLocked": true
+  }
+}