pxengine 0.1.9 → 0.1.10

package/dist/registry.json

@@ -1,7 +1,7 @@
 {
   "name": "@pxengine/ui",
   "version": "1.0.0",
-  "lastUpdated": "2026-01-30T13:41:14.195Z",
+  "lastUpdated": "2026-02-03T11:03:34.911Z",
   "components": {
     "AccordionAtom": {
       "name": "AccordionAtom",
@@ -33,7 +33,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "AlertAtom": {
       "name": "AlertAtom",
@@ -71,7 +72,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "AlertDialogAtom": {
       "name": "AlertDialogAtom",
@@ -135,7 +137,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "AspectRatioAtom": {
       "name": "AspectRatioAtom",
@@ -168,7 +171,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "AvatarAtom": {
       "name": "AvatarAtom",
@@ -205,6 +209,15 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Avatar",
+        "component": "AvatarAtom",
+        "props": {
+          "src": "https://github.com/shadcn.png",
+          "fallback": "CN",
+          "className": "h-14 w-14 ring-4 ring-primary shadow-2xl transition-transform hover:scale-110 border-2 border-white/10"
+        }
       }
     },
     "BadgeAtom": {
@@ -238,6 +251,15 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Badge",
+        "component": "BadgeAtom",
+        "props": {
+          "label": "Verified Agent",
+          "variant": "purple",
+          "className": "shadow-lg bg-primary text-white px-4 py-1.5 border border-white/20"
+        }
       }
     },
     "BreadcrumbAtom": {
@@ -265,7 +287,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "ButtonAtom": {
       "name": "ButtonAtom",
@@ -326,6 +349,16 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Button",
+        "component": "ButtonAtom",
+        "props": {
+          "label": "Get Started",
+          "variant": "purple",
+          "size": "lg",
+          "className": "shadow-lg border border-primary/20 hover:scale-[1.05] transition-all bg-primary font-bold px-8 text-white"
+        }
       }
     },
     "CalendarAtom": {
@@ -363,6 +396,15 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Premium Calendar",
+        "component": "CalendarAtom",
+        "props": {
+          "mode": "single",
+          "selectedDate": "2026-02-03T11:03:34.911Z",
+          "className": "shadow-2xl border border-border bg-card rounded-[28px] p-6 ring-1 ring-border/5"
+        }
       }
     },
     "CardAtom": {
@@ -405,6 +447,32 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Premium Card",
+        "component": "CardAtom",
+        "props": {
+          "title": "Premium Component",
+          "description": "This is a premium component with nested structure.",
+          "className": "border-2 border-border rounded-[32px] p-8 bg-card shadow-[0_20px_50px_rgba(0,0,0,0.1)] backdrop-blur-xl"
+        },
+        "children": [
+          {
+            "componentName": "TextAtom",
+            "props": {
+              "content": "Nested Heading",
+              "variant": "h3",
+              "className": "text-primary mb-2"
+            }
+          },
+          {
+            "componentName": "TextAtom",
+            "props": {
+              "content": "This text is inside the card component to show its layout capabilities.",
+              "variant": "p"
+            }
+          }
+        ]
       }
     },
     "CarouselAtom": {
@@ -437,7 +505,117 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
+    },
+    "ChartAtom": {
+      "name": "ChartAtom",
+      "type": "atom",
+      "description": "ChartAtom\nA versatile chart component wrapping Shadcn Chart primitives and Recharts.",
+      "props": {
+        "type": {
+          "type": "\"chart\"",
+          "required": true,
+          "description": ""
+        },
+        "chartType": {
+          "type": "enum",
+          "required": true,
+          "description": ""
+        },
+        "data": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "config": {
+          "type": "Record<string, { label: string; color: string; }>",
+          "required": true,
+          "description": ""
+        },
+        "XAxisKey": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "YAxisKey": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "showTooltip": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
+        "showLegend": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
+        "stacked": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "CheckboxAtom": {
+      "name": "CheckboxAtom",
+      "type": "atom",
+      "description": "CheckboxAtom\nWraps shadcn Checkbox with label support",
+      "props": {
+        "type": {
+          "type": "\"checkbox\"",
+          "required": true,
+          "description": ""
+        },
+        "label": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "checked": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onCheckedChange": {
+          "type": "(checked: boolean) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "CollapsibleAtom": {
       "name": "CollapsibleAtom",
@@ -480,7 +658,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "CommandAtom": {
       "name": "CommandAtom",
@@ -513,7 +692,46 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
+    },
+    "ContextMenuAtom": {
+      "name": "ContextMenuAtom",
+      "type": "atom",
+      "description": "ContextMenuAtom\nWraps shadcn ContextMenu",
+      "props": {
+        "type": {
+          "type": "\"context-menu\"",
+          "required": true,
+          "description": ""
+        },
+        "trigger": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "items": {
+          "type": "{ label: string; value: string; icon?: string; action?: string; disabled?: boolean; isDestructive?: boolean; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onAction": {
+          "type": "(action: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "DialogAtom": {
       "name": "DialogAtom",
@@ -560,29 +778,25 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
-    "FormInputAtom": {
-      "name": "FormInputAtom",
+    "DrawerAtom": {
+      "name": "DrawerAtom",
       "type": "atom",
-      "description": "FormInputAtom\n\nSelf-contained form input component that properly wraps FormField, FormItem, FormLabel, and FormControl.\nThis component provides the necessary React Context for form components to work correctly.\n\nFeatures:\n- Handles all form context requirements internally\n- Supports various input types (text, email, password, etc.)\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
+      "description": "DrawerAtom\nWraps shadcn Drawer for mobile-first views",
       "props": {
-        "renderComponent": {
-          "type": "any",
-          "required": false,
-          "description": ""
-        },
-        "name": {
-          "type": "string",
+        "type": {
+          "type": "\"drawer\"",
           "required": true,
           "description": ""
         },
-        "label": {
-          "type": "string",
+        "side": {
+          "type": "enum",
           "required": false,
           "description": ""
         },
-        "placeholder": {
+        "title": {
           "type": "string",
           "required": false,
           "description": ""
@@ -592,22 +806,47 @@
           "required": false,
           "description": ""
         },
-        "defaultValue": {
+        "trigger": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
           "type": "string",
-          "required": false,
-          "defaultValue": "",
+          "required": true,
           "description": ""
         },
-        "required": {
-          "type": "boolean",
+        "className": {
+          "type": "string",
           "required": false,
-          "defaultValue": "false",
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "DropdownMenuAtom": {
+      "name": "DropdownMenuAtom",
+      "type": "atom",
+      "description": "DropdownMenuAtom\nWraps shadcn DropdownMenu",
+      "props": {
+        "type": {
+          "type": "\"dropdown-menu\"",
+          "required": true,
           "description": ""
         },
-        "inputType": {
-          "type": "enum",
-          "required": false,
-          "defaultValue": "text",
+        "trigger": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        },
+        "items": {
+          "type": "{ label: string; value: string; icon?: string; action?: string; disabled?: boolean; isDestructive?: boolean; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
           "description": ""
         },
         "className": {
@@ -615,37 +854,47 @@
           "required": false,
           "description": ""
         },
-        "id": {
-          "type": "string",
+        "onAction": {
+          "type": "(action: string) => void",
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
-    "FormSelectAtom": {
-      "name": "FormSelectAtom",
+    "FormInputAtom": {
+      "name": "FormInputAtom",
       "type": "atom",
-      "description": "FormSelectAtom\n\nSelf-contained form select component that properly wraps FormField, FormItem, FormLabel, FormControl, and Select.\nThis component provides the necessary React Context for both form and select components to work correctly.\n\nFeatures:\n- Handles all form and select context requirements internally\n- Supports dynamic options list\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
+      "description": "FormInputAtom\n\nSelf-contained form input component that properly wraps FormField, FormItem, FormLabel, and FormControl.\nThis component provides the necessary React Context for form components to work correctly.\n\nFeatures:\n- Handles all form context requirements internally\n- Supports various input types (text, email, password, etc.)\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
       "props": {
         "renderComponent": {
           "type": "any",
           "required": false,
           "description": ""
         },
-        "name": {
+        "label": {
           "type": "string",
-          "required": true,
+          "required": false,
           "description": ""
         },
-        "label": {
+        "id": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "className": {
           "type": "string",
           "required": false,
           "description": ""
         },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
         "placeholder": {
           "type": "string",
           "required": false,
-          "defaultValue": "Select an option",
           "description": ""
         },
         "description": {
@@ -665,47 +914,49 @@
           "defaultValue": "false",
           "description": ""
         },
-        "className": {
-          "type": "string",
-          "required": false,
-          "description": ""
-        },
-        "id": {
-          "type": "string",
-          "required": false,
-          "description": ""
-        },
-        "options": {
-          "type": "SelectOption[]",
+        "inputType": {
+          "type": "enum",
           "required": false,
-          "defaultValue": "[]",
+          "defaultValue": "text",
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
-    "FormTextareaAtom": {
-      "name": "FormTextareaAtom",
+    "FormSelectAtom": {
+      "name": "FormSelectAtom",
       "type": "atom",
-      "description": "FormTextareaAtom\n\nSelf-contained form textarea component that properly wraps FormField, FormItem, FormLabel, and FormControl.\nThis component provides the necessary React Context for form components to work correctly.\n\nFeatures:\n- Handles all form context requirements internally\n- Supports configurable rows\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
+      "description": "FormSelectAtom\n\nSelf-contained form select component that properly wraps FormField, FormItem, FormLabel, FormControl, and Select.\nThis component provides the necessary React Context for both form and select components to work correctly.\n\nFeatures:\n- Handles all form and select context requirements internally\n- Supports dynamic options list\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
       "props": {
         "renderComponent": {
           "type": "any",
           "required": false,
           "description": ""
         },
-        "name": {
+        "label": {
           "type": "string",
-          "required": true,
+          "required": false,
           "description": ""
         },
-        "label": {
+        "id": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "className": {
           "type": "string",
           "required": false,
           "description": ""
         },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
         "placeholder": {
           "type": "string",
           "required": false,
+          "defaultValue": "Select an option",
           "description": ""
         },
         "description": {
@@ -725,8 +976,27 @@
           "defaultValue": "false",
           "description": ""
         },
-        "className": {
-          "type": "string",
+        "options": {
+          "type": "SelectOption[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "FormTextareaAtom": {
+      "name": "FormTextareaAtom",
+      "type": "atom",
+      "description": "FormTextareaAtom\n\nSelf-contained form textarea component that properly wraps FormField, FormItem, FormLabel, and FormControl.\nThis component provides the necessary React Context for form components to work correctly.\n\nFeatures:\n- Handles all form context requirements internally\n- Supports configurable rows\n- Includes validation support through react-hook-form\n- Schema-safe for dynamic rendering via PXEngineRenderer",
+      "props": {
+        "renderComponent": {
+          "type": "any",
+          "required": false,
+          "description": ""
+        },
+        "label": {
+          "type": "string",
           "required": false,
           "description": ""
         },
@@ -735,13 +1005,46 @@
           "required": false,
           "description": ""
         },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "placeholder": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "description": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "defaultValue": {
+          "type": "string",
+          "required": false,
+          "defaultValue": "",
+          "description": ""
+        },
+        "required": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
         "rows": {
           "type": "number",
           "required": false,
           "defaultValue": "3",
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "InputAtom": {
       "name": "InputAtom",
@@ -803,8 +1106,117 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Input Field",
+        "component": "InputAtom",
+        "props": {
+          "inputType": "text",
+          "placeholder": "Enter your work email...",
+          "label": "Business Email",
+          "className": "rounded-2xl border border-border bg-card p-4 focus:ring-2 focus:ring-primary transition-all shadow-sm"
+        }
       }
     },
+    "InputOTPAtom": {
+      "name": "InputOTPAtom",
+      "type": "atom",
+      "description": "InputOTPAtom\nWraps shadcn InputOTP for code verification",
+      "props": {
+        "type": {
+          "type": "\"input-otp\"",
+          "required": true,
+          "description": ""
+        },
+        "length": {
+          "type": "number",
+          "required": true,
+          "description": ""
+        },
+        "placeholder": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "KbdAtom": {
+      "name": "KbdAtom",
+      "type": "atom",
+      "description": "KbdAtom\nVisual representation of a keyboard shortcut",
+      "props": {
+        "type": {
+          "type": "\"kbd\"",
+          "required": true,
+          "description": ""
+        },
+        "keys": {
+          "type": "string[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "LabelAtom": {
+      "name": "LabelAtom",
+      "type": "atom",
+      "description": "LabelAtom\nWraps shadcn Label",
+      "props": {
+        "type": {
+          "type": "\"label\"",
+          "required": true,
+          "description": ""
+        },
+        "content": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "htmlFor": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
     "LayoutAtom": {
       "name": "LayoutAtom",
       "type": "atom",
@@ -841,7 +1253,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "PaginationAtom": {
       "name": "PaginationAtom",
@@ -885,7 +1298,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "PopoverAtom": {
       "name": "PopoverAtom",
@@ -922,7 +1336,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "ProgressAtom": {
       "name": "ProgressAtom",
@@ -949,7 +1364,134 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
+    },
+    "RadioGroupAtom": {
+      "name": "RadioGroupAtom",
+      "type": "atom",
+      "description": "RadioGroupAtom\nWraps shadcn RadioGroup",
+      "props": {
+        "type": {
+          "type": "\"radio-group\"",
+          "required": true,
+          "description": ""
+        },
+        "options": {
+          "type": "{ label: string; value: string; }[]",
+          "required": true,
+          "description": ""
+        },
+        "defaultValue": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onValueChange": {
+          "type": "(value: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "RatingAtom": {
+      "name": "RatingAtom",
+      "type": "atom",
+      "description": "RatingAtom\nA star rating component for display or user input.",
+      "props": {
+        "type": {
+          "type": "\"rating\"",
+          "required": true,
+          "description": ""
+        },
+        "value": {
+          "type": "number",
+          "required": true,
+          "description": ""
+        },
+        "max": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "5",
+          "description": ""
+        },
+        "readonly": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(val: number) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "ResizableAtom": {
+      "name": "ResizableAtom",
+      "type": "atom",
+      "description": "ResizableAtom\nWraps shadcn Resizable panels for complex layouts",
+      "props": {
+        "renderComponent": {
+          "type": "(component: UIComponent, index?: number) => ReactNode",
+          "required": true,
+          "description": ""
+        },
+        "type": {
+          "type": "\"resizable\"",
+          "required": true,
+          "description": ""
+        },
+        "direction": {
+          "type": "enum",
+          "required": true,
+          "description": ""
+        },
+        "panels": {
+          "type": "{ defaultSize: number; children: any[]; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "ScrollAreaAtom": {
       "name": "ScrollAreaAtom",
@@ -982,7 +1524,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "SeparatorAtom": {
       "name": "SeparatorAtom",
@@ -1010,7 +1553,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "SheetAtom": {
       "name": "SheetAtom",
@@ -1063,7 +1607,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "SkeletonAtom": {
       "name": "SkeletonAtom",
@@ -1109,35 +1654,137 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
-    "SpinnerAtom": {
-      "name": "SpinnerAtom",
+    "SliderAtom": {
+      "name": "SliderAtom",
       "type": "atom",
-      "description": "",
+      "description": "SliderAtom\nWraps shadcn Slider",
       "props": {
         "type": {
-          "type": "\"spinner\"",
+          "type": "\"slider\"",
           "required": true,
           "description": ""
         },
-        "size": {
-          "type": "enum",
+        "defaultValue": {
+          "type": "number[]",
           "required": false,
-          "defaultValue": "md",
+          "defaultValue": "[50]",
           "description": ""
         },
-        "id": {
-          "type": "string",
-          "required": true,
+        "max": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "100",
           "description": ""
         },
-        "className": {
-          "type": "string",
+        "min": {
+          "type": "number",
           "required": false,
+          "defaultValue": "0",
           "description": ""
-        }
-      }
+        },
+        "step": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "1",
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onValueChange": {
+          "type": "(value: number[]) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "SpinnerAtom": {
+      "name": "SpinnerAtom",
+      "type": "atom",
+      "description": "",
+      "props": {
+        "type": {
+          "type": "\"spinner\"",
+          "required": true,
+          "description": ""
+        },
+        "size": {
+          "type": "enum",
+          "required": false,
+          "defaultValue": "md",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "SwitchAtom": {
+      "name": "SwitchAtom",
+      "type": "atom",
+      "description": "SwitchAtom\nWraps shadcn Switch with label support",
+      "props": {
+        "type": {
+          "type": "\"switch\"",
+          "required": true,
+          "description": ""
+        },
+        "label": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "checked": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onCheckedChange": {
+          "type": "(checked: boolean) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "TableAtom": {
       "name": "TableAtom",
@@ -1169,7 +1816,8 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "TabsAtom": {
       "name": "TabsAtom",
@@ -1206,8 +1854,101 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Tabs",
+        "component": "TabsAtom",
+        "props": {
+          "defaultValue": "overview",
+          "tabs": [
+            {
+              "label": "Overview",
+              "value": "overview",
+              "content": []
+            },
+            {
+              "label": "Analytics",
+              "value": "analytics",
+              "content": []
+            },
+            {
+              "label": "Settings",
+              "value": "settings",
+              "content": []
+            }
+          ],
+          "className": "w-full border border-border p-1 rounded-2xl bg-muted/20"
+        }
       }
     },
+    "TextareaAtom": {
+      "name": "TextareaAtom",
+      "type": "atom",
+      "description": "TextareaAtom\nStandalone textarea atom",
+      "props": {
+        "type": {
+          "type": "\"input\"",
+          "required": true,
+          "description": ""
+        },
+        "inputType": {
+          "type": "enum",
+          "required": true,
+          "description": ""
+        },
+        "label": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "placeholder": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "defaultValue": {
+          "type": "any",
+          "required": false,
+          "description": ""
+        },
+        "required": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "options": {
+          "type": "{ label: string; value: string; }[]",
+          "required": false,
+          "description": ""
+        },
+        "config": {
+          "type": "Record<string, any>",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
     "TextAtom": {
       "name": "TextAtom",
       "type": "atom",
@@ -1239,8 +1980,105 @@
           "required": false,
           "description": ""
         }
+      },
+      "preview": {
+        "name": "Gradient Heading",
+        "component": "TextAtom",
+        "props": {
+          "content": "Built for Creators",
+          "variant": "h1",
+          "className": "bg-gradient-to-r from-primary via-purple-500 to-indigo-600 bg-clip-text text-transparent font-black tracking-tighter py-4 text-6xl"
+        }
       }
     },
+    "TimelineAtom": {
+      "name": "TimelineAtom",
+      "type": "atom",
+      "description": "TimelineAtom\nA vertical timeline primitive for processes and steps.",
+      "props": {
+        "type": {
+          "type": "\"timeline\"",
+          "required": true,
+          "description": ""
+        },
+        "items": {
+          "type": "{ title: string; description?: string; timestamp?: string; status?: \"completed\" | \"active\" | \"upcoming\"; icon?: string; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ title: string; description?: string; timestamp?: string; status?: completed",
+            "active",
+            "upcoming; icon?: string; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "ToggleAtom": {
+      "name": "ToggleAtom",
+      "type": "atom",
+      "description": "ToggleAtom\nWraps shadcn Toggle",
+      "props": {
+        "type": {
+          "type": "\"toggle\"",
+          "required": true,
+          "description": ""
+        },
+        "label": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "pressed": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "size": {
+          "type": "enum",
+          "required": false,
+          "defaultValue": "md",
+          "description": ""
+        },
+        "variant": {
+          "type": "enum",
+          "required": false,
+          "defaultValue": "default",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onPressedChange": {
+          "type": "(pressed: boolean) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
     "TooltipAtom": {
       "name": "TooltipAtom",
       "type": "atom",
@@ -1252,12 +2090,177 @@
           "description": ""
         },
         "type": {
-          "type": "\"tooltip\"",
+          "type": "\"tooltip\"",
+          "required": true,
+          "description": ""
+        },
+        "content": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "VideoAtom": {
+      "name": "VideoAtom",
+      "type": "atom",
+      "description": "VideoAtom\nA simple, styled video player for content previews.",
+      "props": {
+        "type": {
+          "type": "\"video\"",
+          "required": true,
+          "description": ""
+        },
+        "src": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "poster": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "autoplay": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
+        "controls": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
+        "muted": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
+        "loop": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "false",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "AudienceDemographicsCard": {
+      "name": "AudienceDemographicsCard",
+      "type": "atom",
+      "description": "AudienceDemographicsCard\nVisualizes audience data using appropriate chart types.",
+      "props": {
+        "type": {
+          "type": "\"audience-demographics-card\"",
+          "required": true,
+          "description": ""
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "data": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "config": {
+          "type": "Record<string, { label: string; color: string; }>",
+          "required": true,
+          "description": ""
+        },
+        "demographicType": {
+          "type": "enum",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "AudienceMetricCard": {
+      "name": "AudienceMetricCard",
+      "type": "atom",
+      "description": "AudienceMetricCard\nA card displaying specific audience metrics with progress bars.",
+      "props": {
+        "type": {
+          "type": "\"audience-metric-card\"",
+          "required": true,
+          "description": ""
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "metrics": {
+          "type": "{ label: string; value: string | number; percentage?: number; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ label: string; value: string",
+            "number; percentage?: number; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "BrandAffinityGroup": {
+      "name": "BrandAffinityGroup",
+      "type": "atom",
+      "description": "BrandAffinityGroup\nVisual group of associated brand logos.",
+      "props": {
+        "type": {
+          "type": "\"brand-affinity-group\"",
           "required": true,
           "description": ""
         },
-        "content": {
-          "type": "string",
+        "brands": {
+          "type": "{ name: string; logoSrc: string; }[]",
           "required": true,
           "description": ""
         },
@@ -1271,13 +2274,15 @@
           "required": false,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "CAMPAIGN_SEED_FIELDS": {
       "name": "CAMPAIGN_SEED_FIELDS",
       "type": "atom",
       "description": "Default field configuration for Campaign Seed",
-      "props": {}
+      "props": {},
+      "preview": null
     },
     "CampaignSeedCard": {
       "name": "CampaignSeedCard",
@@ -1294,15 +2299,15 @@
           "required": false,
           "description": "Whether the message is the latest (to show countdown/actions)"
         },
-        "className": {
+        "id": {
           "type": "string",
           "required": false,
-          "description": "Custom className"
+          "description": "Unique identifier"
         },
-        "id": {
+        "className": {
           "type": "string",
           "required": false,
-          "description": "Unique identifier"
+          "description": "Custom className"
         },
         "title": {
           "type": "string",
@@ -1379,7 +2384,244 @@
           "required": false,
           "description": "Footer content (optional)"
         }
-      }
+      },
+      "preview": null
+    },
+    "ContentPreviewGallery": {
+      "name": "ContentPreviewGallery",
+      "type": "atom",
+      "description": "ContentPreviewGallery\nGrid/Gallery of thumbnail previews.",
+      "props": {
+        "type": {
+          "type": "\"content-preview-gallery\"",
+          "required": true,
+          "description": ""
+        },
+        "items": {
+          "type": "{ thumbnail: string; type: \"video\" | \"image\"; url?: string; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ thumbnail: string; type: video",
+            "image; url?: string; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "CreatorActionHeader": {
+      "name": "CreatorActionHeader",
+      "type": "atom",
+      "description": "CreatorActionHeader\nA premium header for profile views with banner and sticky actions.",
+      "props": {
+        "type": {
+          "type": "\"creator-action-header\"",
+          "required": true,
+          "description": ""
+        },
+        "bannerSrc": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "avatarSrc": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "handle": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "actions": {
+          "type": "{ label: string; variant?: string; action?: string; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "CreatorGridCard": {
+      "name": "CreatorGridCard",
+      "type": "atom",
+      "description": "CreatorGridCard\nA visually rich card for discovery grids.",
+      "props": {
+        "type": {
+          "type": "\"creator-grid-card\"",
+          "required": true,
+          "description": ""
+        },
+        "bannerSrc": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "avatarSrc": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "handle": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "metrics": {
+          "type": "{ label: string; value: string | number; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ label: string; value: string",
+            "number; }[]"
+          ]
+        },
+        "platforms": {
+          "type": "string[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "CreatorProfileSummary": {
+      "name": "CreatorProfileSummary",
+      "type": "atom",
+      "description": "CreatorProfileSummary\nA compact row showing avatar, name, and key metrics.",
+      "props": {
+        "type": {
+          "type": "\"creator-profile-summary\"",
+          "required": true,
+          "description": ""
+        },
+        "avatarSrc": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "followerCount": {
+          "type": "string | number",
+          "required": false,
+          "description": "",
+          "enums": [
+            "string",
+            "number"
+          ]
+        },
+        "engagementRate": {
+          "type": "string | number",
+          "required": false,
+          "description": "",
+          "enums": [
+            "string",
+            "number"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "GrowthChartCard": {
+      "name": "GrowthChartCard",
+      "type": "atom",
+      "description": "GrowthChartCard\nVisualizes time-series growth data for follower and engagement metrics.",
+      "props": {
+        "type": {
+          "type": "\"growth-chart-card\"",
+          "required": true,
+          "description": ""
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "data": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "config": {
+          "type": "Record<string, { label: string; color: string; }>",
+          "required": true,
+          "description": ""
+        },
+        "metric": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "period": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "MCQCard": {
       "name": "MCQCard",
@@ -1451,7 +2693,42 @@
           "required": false,
           "description": "Who made the final selection (for historical view)"
         }
-      }
+      },
+      "preview": null
+    },
+    "PlatformIconGroup": {
+      "name": "PlatformIconGroup",
+      "type": "atom",
+      "description": "PlatformIconGroup\nDisplays a horizontal list of active social platform icons.",
+      "props": {
+        "type": {
+          "type": "\"platform-icon-group\"",
+          "required": true,
+          "description": ""
+        },
+        "platforms": {
+          "type": "{ platform: \"instagram\" | \"tiktok\" | \"youtube\" | \"twitter\"; url?: string; handle?: string; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ platform: instagram",
+            "tiktok",
+            "youtube",
+            "twitter; url?: string; handle?: string; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "CountrySelectEdit": {
       "name": "CountrySelectEdit",
@@ -1468,7 +2745,8 @@
           "required": true,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "CountrySelectDisplay": {
       "name": "CountrySelectDisplay",
@@ -1480,7 +2758,8 @@
           "required": true,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "KeywordBundlesEdit": {
       "name": "KeywordBundlesEdit",
@@ -1497,7 +2776,8 @@
           "required": true,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "KeywordBundlesDisplay": {
       "name": "KeywordBundlesDisplay",
@@ -1509,13 +2789,15 @@
           "required": true,
           "description": ""
         }
-      }
+      },
+      "preview": null
     },
     "SEARCH_SPEC_FIELDS": {
       "name": "SEARCH_SPEC_FIELDS",
       "type": "atom",
       "description": "Default field configuration for Search Specification",
-      "props": {}
+      "props": {},
+      "preview": null
     },
     "SearchSpecCard": {
       "name": "SearchSpecCard",
@@ -1537,15 +2819,15 @@
           "required": false,
           "description": "Whether the message is the latest"
         },
-        "className": {
+        "id": {
           "type": "string",
           "required": false,
-          "description": "Custom className"
+          "description": "Unique identifier"
         },
-        "id": {
+        "className": {
           "type": "string",
           "required": false,
-          "description": "Unique identifier"
+          "description": "Custom className"
         },
         "title": {
           "type": "string",
@@ -1622,7 +2904,36 @@
           "required": false,
           "description": "Footer content (optional)"
         }
-      }
+      },
+      "preview": null
+    },
+    "TopPostsGrid": {
+      "name": "TopPostsGrid",
+      "type": "atom",
+      "description": "TopPostsGrid\nDisplays a grid of the creator's best-performing content pieces.",
+      "props": {
+        "type": {
+          "type": "\"top-posts-grid\"",
+          "required": true,
+          "description": ""
+        },
+        "posts": {
+          "type": "{ thumbnail: string; url: string; engagement: string; likes: string; comments: string; date: string; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "ActionButton": {
       "name": "ActionButton",
@@ -1694,7 +3005,54 @@
           "required": false,
           "description": "Whether to show the countdown visually"
         }
-      }
+      },
+      "preview": null
+    },
+    "DataGrid": {
+      "name": "DataGrid",
+      "type": "atom",
+      "description": "DataGrid\nA premium table component with typed cells and responsive design.",
+      "props": {
+        "type": {
+          "type": "\"data-grid\"",
+          "required": true,
+          "description": ""
+        },
+        "columns": {
+          "type": "{ header: string; accessorKey: string; type?: \"number\" | \"avatar\" | \"badge\" | \"text\" | \"date\"; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ header: string; accessorKey: string; type?: number",
+            "avatar",
+            "badge",
+            "text",
+            "date; }[]"
+          ]
+        },
+        "data": {
+          "type": "any[]",
+          "required": true,
+          "description": ""
+        },
+        "pageSize": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "10",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "EditableField": {
       "name": "EditableField",
@@ -1771,7 +3129,148 @@
           "required": false,
           "description": "Custom renderer for the edit state"
         }
-      }
+      },
+      "preview": null
+    },
+    "EmptyState": {
+      "name": "EmptyState",
+      "type": "atom",
+      "description": "EmptyState\nA placeholder for empty lists or results.",
+      "props": {
+        "type": {
+          "type": "\"empty-state\"",
+          "required": true,
+          "description": ""
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "description": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "icon": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "actionLabel": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "action": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onAction": {
+          "type": "(action: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "FileUpload": {
+      "name": "FileUpload",
+      "type": "atom",
+      "description": "FileUpload\nDrag-and-drop file upload zone.",
+      "props": {
+        "type": {
+          "type": "\"file-upload\"",
+          "required": true,
+          "description": ""
+        },
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "accept": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "multiple": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onFilesSelected": {
+          "type": "(files: File[]) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "FilterBar": {
+      "name": "FilterBar",
+      "type": "atom",
+      "description": "FilterBar\nA horizontal bar with active filter chips and search.",
+      "props": {
+        "type": {
+          "type": "\"filter-bar\"",
+          "required": true,
+          "description": ""
+        },
+        "filters": {
+          "type": "{ label: string; value: string; active?: boolean; }[]",
+          "required": true,
+          "description": ""
+        },
+        "showSearch": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onFilterToggle": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        },
+        "onSearch": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     },
     "FormCard": {
       "name": "FormCard",
@@ -1868,7 +3367,171 @@
           "required": false,
           "description": "Footer content (optional)"
         }
-      }
+      },
+      "preview": null
+    },
+    "LoadingOverlay": {
+      "name": "LoadingOverlay",
+      "type": "atom",
+      "description": "LoadingOverlay\nA full-container overlay with a spinner and message.",
+      "props": {
+        "type": {
+          "type": "\"loading-overlay\"",
+          "required": true,
+          "description": ""
+        },
+        "message": {
+          "type": "string",
+          "required": false,
+          "defaultValue": "Loading...",
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "NotificationList": {
+      "name": "NotificationList",
+      "type": "atom",
+      "description": "NotificationList\nA list of actionable notifications and activity logs.",
+      "props": {
+        "type": {
+          "type": "\"notification-list\"",
+          "required": true,
+          "description": ""
+        },
+        "notifications": {
+          "type": "{ id: string; title: string; description?: string; timestamp: string; type: \"warning\" | \"info\" | \"success\" | \"error\"; read?: boolean; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ id: string; title: string; description?: string; timestamp: string; type: warning",
+            "info",
+            "success",
+            "error; read?: boolean; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "StatsGrid": {
+      "name": "StatsGrid",
+      "type": "atom",
+      "description": "StatsGrid\nA grid of statistical cards with icons and trends.",
+      "props": {
+        "type": {
+          "type": "\"stats-grid\"",
+          "required": true,
+          "description": ""
+        },
+        "items": {
+          "type": "{ label: string; value: string | number; trend?: string; trendDirection?: \"up\" | \"down\" | \"neutral\"; icon?: string; }[]",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ label: string; value: string",
+            "number; trend?: string; trendDirection?: up",
+            "down",
+            "neutral; icon?: string; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "StepWizard": {
+      "name": "StepWizard",
+      "type": "atom",
+      "description": "StepWizard\nHorizontal step indicator for multi-part workflows.",
+      "props": {
+        "type": {
+          "type": "\"step-wizard\"",
+          "required": true,
+          "description": ""
+        },
+        "steps": {
+          "type": "{ title: string; description?: string; }[]",
+          "required": true,
+          "description": ""
+        },
+        "currentStep": {
+          "type": "number",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
+    },
+    "TagCloud": {
+      "name": "TagCloud",
+      "type": "atom",
+      "description": "TagCloud\nA cluster of clickable tags.",
+      "props": {
+        "type": {
+          "type": "\"tag-cloud\"",
+          "required": true,
+          "description": ""
+        },
+        "tags": {
+          "type": "{ label: string; value: string; count?: number; }[]",
+          "required": true,
+          "description": ""
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "onTagClick": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null
     }
   }
 }