mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-25 14:14:57 +00:00
johndoe6345789
bef28e8c91
- Introduced Timestamp component for displaying formatted dates and relative time. - Added Toggle component for switch-like functionality with customizable sizes. - Implemented TreeIcon component for rendering tree icons using Phosphor icons. - Created EditorActions component for explain and improve actions with icons. - Developed FileTabs component for managing open files with close functionality. - Added LazyInlineMonacoEditor and LazyMonacoEditor for lazy loading Monaco editor. - Implemented NavigationItem for navigation with badges and icons. - Created PageHeaderContent for displaying page headers with icons and descriptions. - Added JSON configuration files for various UI components and layouts. - Enhanced data binding with new computed data source hook. - Updated component registry and types for new components. - Configured Vite for improved hot module replacement experience.
4126 lines
107 KiB
JSON
4126 lines
107 KiB
JSON
{
|
|
"$schema": "./schemas/json-components-registry-schema.json",
|
|
"version": "2.0.0",
|
|
"description": "Registry of all components in the application",
|
|
"lastUpdated": "2026-01-18T13:03:47Z",
|
|
"categories": {
|
|
"layout": "Layout and container components",
|
|
"input": "Form inputs and interactive controls",
|
|
"display": "Display and presentation components",
|
|
"navigation": "Navigation and routing components",
|
|
"feedback": "Alerts, notifications, and status indicators",
|
|
"data": "Data display and visualization components",
|
|
"custom": "Custom domain-specific components"
|
|
},
|
|
"sourceRoots": {
|
|
"atoms": [
|
|
"@/components/atoms/*.tsx"
|
|
],
|
|
"molecules": [
|
|
"@/components/molecules/*.tsx"
|
|
],
|
|
"organisms": [
|
|
"@/components/organisms/*.tsx"
|
|
],
|
|
"ui": [
|
|
"@/components/ui/**/*.{ts,tsx}"
|
|
],
|
|
"wrappers": [
|
|
"@/lib/json-ui/wrappers/*.tsx"
|
|
],
|
|
"icons": []
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "accordion",
|
|
"name": "accordion",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Accordion",
|
|
"name": "Accordion",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Collapsible content sections",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ActionBar",
|
|
"name": "ActionBar",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Action button toolbar",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"metadata": {
|
|
"conversionPriority": "high",
|
|
"notes": "JSON-ready: stateless layout molecule; bindings/events supported in json-ui component types."
|
|
}
|
|
},
|
|
{
|
|
"type": "ActionButton",
|
|
"name": "ActionButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Button with action icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ActionCard",
|
|
"name": "ActionCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "ActionCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ActionIcon",
|
|
"name": "ActionIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "ActionIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "alert",
|
|
"name": "alert",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Feedback and status component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Alert",
|
|
"name": "Alert",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Alert notification message",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "AlertCircle",
|
|
"name": "AlertCircle",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "AlertCircle icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "WarningCircle"
|
|
}
|
|
},
|
|
{
|
|
"type": "AlertDialog",
|
|
"name": "AlertDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "AlertDialog component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "AppBranding",
|
|
"name": "AppBranding",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppBranding component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "AppHeader",
|
|
"name": "AppHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppHeader organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "AppLogo",
|
|
"name": "AppLogo",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppLogo component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ArrowLeft",
|
|
"name": "ArrowLeft",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ArrowLeft icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "ArrowLeft"
|
|
}
|
|
},
|
|
{
|
|
"type": "ArrowRight",
|
|
"name": "ArrowRight",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ArrowRight icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "ArrowRight"
|
|
}
|
|
},
|
|
{
|
|
"type": "article",
|
|
"name": "article",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Semantic article container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "aspect-ratio",
|
|
"name": "aspect-ratio",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "AspectRatio",
|
|
"name": "AspectRatio",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AspectRatio component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "AtomicLibraryShowcase",
|
|
"name": "AtomicLibraryShowcase",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/AtomicLibraryShowcase",
|
|
"export": "AtomicLibraryShowcase"
|
|
}
|
|
},
|
|
{
|
|
"type": "avatar",
|
|
"name": "avatar",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Avatar",
|
|
"name": "Avatar",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "User avatar image",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "AvatarGroup",
|
|
"name": "AvatarGroup",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Group of user avatars",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "badge",
|
|
"name": "badge",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Feedback and status component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"name": "Badge",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Small status or count indicator",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Badge as ShadcnBadge",
|
|
"name": "Badge as ShadcnBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Feedback and status component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Bell",
|
|
"name": "Bell",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Bell icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Bell"
|
|
}
|
|
},
|
|
{
|
|
"type": "BindingEditor",
|
|
"name": "BindingEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "BindingEditor component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "BindingIndicator",
|
|
"name": "BindingIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "BindingIndicator component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "breadcrumb",
|
|
"name": "breadcrumb",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Complex logic - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/breadcrumb",
|
|
"export": "breadcrumb"
|
|
}
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"name": "Breadcrumb",
|
|
"category": "navigation",
|
|
"canHaveChildren": false,
|
|
"description": "Navigation breadcrumb trail using the atoms/BreadcrumbNav JSON-safe items prop",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "button",
|
|
"name": "button",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"name": "Button",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Interactive button element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Button as ShadcnButton, ButtonProps as ShadcnButtonProps",
|
|
"name": "Button as ShadcnButton, ButtonProps as ShadcnButtonProps",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Button, ButtonProps",
|
|
"name": "Button, ButtonProps",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Button, buttonVariants",
|
|
"name": "Button, buttonVariants",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "ButtonGroup",
|
|
"name": "ButtonGroup",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Group of related buttons",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "buttonVariants",
|
|
"name": "buttonVariants",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Calendar",
|
|
"name": "Calendar",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Calendar icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Calendar"
|
|
}
|
|
},
|
|
{
|
|
"type": "Calendar",
|
|
"name": "Calendar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Calendar date selector",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Calendar as ShadcnCalendar",
|
|
"name": "Calendar as ShadcnCalendar",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CanvasRenderer",
|
|
"name": "CanvasRenderer",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "CanvasRenderer component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "card",
|
|
"name": "card",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"name": "Card",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Container card with optional header, content, and footer",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Card, CardContent",
|
|
"name": "Card, CardContent",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent",
|
|
"name": "Card, CardContent",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent",
|
|
"name": "Card, CardContent",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent",
|
|
"name": "Card, CardContent",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardDescription, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardHeader",
|
|
"name": "Card, CardContent, CardHeader",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Card, CardContent, CardHeader, CardTitle",
|
|
"name": "Card, CardContent, CardHeader, CardTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CardContent",
|
|
"name": "CardContent",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CardDescription",
|
|
"name": "CardDescription",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/card",
|
|
"export": "CardDescription"
|
|
}
|
|
},
|
|
{
|
|
"type": "CardFooter",
|
|
"name": "CardFooter",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CardHeader",
|
|
"name": "CardHeader",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CardTitle",
|
|
"name": "CardTitle",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/card",
|
|
"export": "CardTitle"
|
|
}
|
|
},
|
|
{
|
|
"type": "Carousel",
|
|
"name": "Carousel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Carousel component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Chart",
|
|
"name": "Chart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Chart component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"load": {
|
|
"path": "@/components/ui/chart/chart-container.tsx",
|
|
"export": "ChartContainer"
|
|
}
|
|
},
|
|
{
|
|
"type": "Check",
|
|
"name": "Check",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Check icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Check"
|
|
}
|
|
},
|
|
{
|
|
"type": "checkbox",
|
|
"name": "checkbox",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Checkbox",
|
|
"name": "Checkbox",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Checkbox toggle control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ChevronDown",
|
|
"name": "ChevronDown",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ChevronDown icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "CaretDown"
|
|
}
|
|
},
|
|
{
|
|
"type": "ChevronLeft",
|
|
"name": "ChevronLeft",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ChevronLeft icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "CaretLeft"
|
|
}
|
|
},
|
|
{
|
|
"type": "ChevronRight",
|
|
"name": "ChevronRight",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ChevronRight icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "CaretRight"
|
|
}
|
|
},
|
|
{
|
|
"type": "ChevronUp",
|
|
"name": "ChevronUp",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "ChevronUp icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "CaretUp"
|
|
}
|
|
},
|
|
{
|
|
"type": "Chip",
|
|
"name": "Chip",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Compact element for tags or selections",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "CircularProgress",
|
|
"name": "CircularProgress",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Circular progress indicator",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Clock",
|
|
"name": "Clock",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Clock icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Clock"
|
|
}
|
|
},
|
|
{
|
|
"type": "Code",
|
|
"name": "Code",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Inline or block code display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "CodeEditor",
|
|
"name": "CodeEditor",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/CodeEditor",
|
|
"export": "CodeEditor"
|
|
}
|
|
},
|
|
{
|
|
"type": "CodeExplanationDialog",
|
|
"name": "CodeExplanationDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "CodeExplanationDialog component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "collapsible",
|
|
"name": "collapsible",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Collapsible",
|
|
"name": "Collapsible",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Collapsible component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "CollapsibleTrigger",
|
|
"name": "CollapsibleTrigger",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Custom component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "ColorSwatch",
|
|
"name": "ColorSwatch",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ColorSwatch component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Command",
|
|
"name": "Command",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Command component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,",
|
|
"name": "Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "CommandPalette",
|
|
"name": "CommandPalette",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Command search and execution",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "CompletionCard",
|
|
"name": "CompletionCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "CompletionCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ComponentBindingDialog",
|
|
"name": "ComponentBindingDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentBindingDialog component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "ComponentBindingDialogWrapper"
|
|
},
|
|
{
|
|
"type": "ComponentBindingDialogWrapper",
|
|
"name": "ComponentBindingDialogWrapper",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for component binding dialog with props-driven bindings",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "ComponentBindingDialog",
|
|
"load": {
|
|
"export": "ComponentBindingDialogWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "ComponentPalette",
|
|
"name": "ComponentPalette",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentPalette component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ComponentPaletteItem",
|
|
"name": "ComponentPaletteItem",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentPaletteItem component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ComponentTree",
|
|
"name": "ComponentTree",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentTree component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "ComponentTreeWrapper"
|
|
},
|
|
{
|
|
"type": "ComponentTreeBuilder",
|
|
"name": "ComponentTreeBuilder",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ComponentTreeBuilder",
|
|
"export": "ComponentTreeBuilder"
|
|
}
|
|
},
|
|
{
|
|
"type": "ComponentTreeManager",
|
|
"name": "ComponentTreeManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ComponentTreeManager",
|
|
"export": "ComponentTreeManager"
|
|
}
|
|
},
|
|
{
|
|
"type": "ComponentTreeNode",
|
|
"name": "ComponentTreeNode",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentTreeNode component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ComponentTreeWrapper",
|
|
"name": "ComponentTreeWrapper",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for a props-driven component tree view",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "ComponentTree",
|
|
"load": {
|
|
"export": "ComponentTreeWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "ConfirmButton",
|
|
"name": "ConfirmButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ConfirmButton component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ConflictResolutionPage",
|
|
"name": "ConflictResolutionPage",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ConflictResolutionPage",
|
|
"export": "ConflictResolutionPage"
|
|
}
|
|
},
|
|
{
|
|
"type": "Container",
|
|
"name": "Container",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Centered container with max-width",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ContextMenu",
|
|
"name": "ContextMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Right-click context menu",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ContextMenu as ShadcnContextMenu,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuTrigger,\n ContextMenuSeparator,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,",
|
|
"name": "ContextMenu as ShadcnContextMenu,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuTrigger,\n ContextMenuSeparator,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,",
|
|
"category": "navigation",
|
|
"canHaveChildren": false,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Copy",
|
|
"name": "Copy",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Copy icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Copy"
|
|
}
|
|
},
|
|
{
|
|
"type": "CopyButton",
|
|
"name": "CopyButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "CopyButton component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "CountBadge",
|
|
"name": "CountBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "CountBadge component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataCard",
|
|
"name": "DataCard",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Custom data display card",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"metadata": {
|
|
"conversionPriority": "high",
|
|
"notes": "JSON-ready: presentational molecule with conditional rendering only; bindings supported in json-ui component types."
|
|
}
|
|
},
|
|
{
|
|
"type": "DataList",
|
|
"name": "DataList",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Styled data list",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataSourceBadge",
|
|
"name": "DataSourceBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceBadge component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataSourceCard",
|
|
"name": "DataSourceCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceCard component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "DataSourceEditorDialog",
|
|
"name": "DataSourceEditorDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceEditorDialog component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "DataSourceEditorDialogWrapper"
|
|
},
|
|
{
|
|
"type": "DataSourceEditorDialogWrapper",
|
|
"name": "DataSourceEditorDialogWrapper",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for data source editor dialog with props-driven fields",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "DataSourceEditorDialog",
|
|
"load": {
|
|
"export": "DataSourceEditorDialogWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "DataSourceManager",
|
|
"name": "DataSourceManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceManager organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "DataTable",
|
|
"name": "DataTable",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Advanced data table with sorting and filtering",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DatePicker",
|
|
"name": "DatePicker",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Date selection input",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DetailRow",
|
|
"name": "DetailRow",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "DetailRow component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "dialog",
|
|
"name": "dialog",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Complex logic - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/dialog",
|
|
"export": "dialog"
|
|
}
|
|
},
|
|
{
|
|
"type": "Dialog",
|
|
"name": "Dialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Modal dialog overlay",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,",
|
|
"name": "Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle",
|
|
"name": "Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle",
|
|
"name": "Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "div",
|
|
"name": "div",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Generic block container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "Divider",
|
|
"name": "Divider",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Visual section divider",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DockerBuildDebugger",
|
|
"name": "DockerBuildDebugger",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/DockerBuildDebugger",
|
|
"export": "DockerBuildDebugger"
|
|
}
|
|
},
|
|
{
|
|
"type": "DocumentationView",
|
|
"name": "DocumentationView",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/DocumentationView",
|
|
"export": "DocumentationView"
|
|
}
|
|
},
|
|
{
|
|
"type": "Dot",
|
|
"name": "Dot",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Dot component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Download",
|
|
"name": "Download",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Download icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Download"
|
|
}
|
|
},
|
|
{
|
|
"type": "drawer",
|
|
"name": "drawer",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Complex logic - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/drawer",
|
|
"export": "drawer"
|
|
}
|
|
},
|
|
{
|
|
"type": "Drawer",
|
|
"name": "Drawer",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Sliding panel overlay",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DropdownMenu",
|
|
"name": "DropdownMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "DropdownMenu component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Edit",
|
|
"name": "Edit",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Edit icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "PencilSimple"
|
|
}
|
|
},
|
|
{
|
|
"type": "EditorActions",
|
|
"name": "EditorActions",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "EditorActions component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "EditorToolbar",
|
|
"name": "EditorToolbar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "EditorToolbar component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "EmptyCanvasState",
|
|
"name": "EmptyCanvasState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "EmptyCanvasState organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "EmptyEditorState",
|
|
"name": "EmptyEditorState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "EmptyEditorState component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "EmptyMessage",
|
|
"name": "EmptyMessage",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "EmptyMessage component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "EmptyState",
|
|
"name": "EmptyState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Empty state placeholder",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "EmptyStateIcon",
|
|
"name": "EmptyStateIcon",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "EmptyStateIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ErrorBadge",
|
|
"name": "ErrorBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Error state badge",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ErrorPanel",
|
|
"name": "ErrorPanel",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ErrorPanel",
|
|
"export": "ErrorPanel"
|
|
}
|
|
},
|
|
{
|
|
"type": "Eye",
|
|
"name": "Eye",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Eye icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Eye"
|
|
}
|
|
},
|
|
{
|
|
"type": "EyeOff",
|
|
"name": "EyeOff",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "EyeOff icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "EyeClosed"
|
|
}
|
|
},
|
|
{
|
|
"type": "FaviconDesigner",
|
|
"name": "FaviconDesigner",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/FaviconDesigner",
|
|
"export": "FaviconDesigner"
|
|
}
|
|
},
|
|
{
|
|
"type": "FeatureIdeaCloud",
|
|
"name": "FeatureIdeaCloud",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/FeatureIdeaCloud",
|
|
"export": "FeatureIdeaCloud"
|
|
}
|
|
},
|
|
{
|
|
"type": "FeatureToggleSettings",
|
|
"name": "FeatureToggleSettings",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/FeatureToggleSettings",
|
|
"export": "FeatureToggleSettings"
|
|
}
|
|
},
|
|
{
|
|
"type": "FileIcon",
|
|
"name": "FileIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "FileIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "FileTabs",
|
|
"name": "FileTabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "FileTabs component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "FileUpload",
|
|
"name": "FileUpload",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "File upload control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Filter",
|
|
"name": "Filter",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Filter icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Funnel"
|
|
}
|
|
},
|
|
{
|
|
"type": "FilterInput",
|
|
"name": "FilterInput",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "FilterInput component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Flex",
|
|
"name": "Flex",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Flexible box layout container",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "footer",
|
|
"name": "footer",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Semantic footer container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "Form",
|
|
"name": "Form",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Form container component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Form as ShadcnForm,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,",
|
|
"name": "Form as ShadcnForm,\n FormControl,\n FormDescription,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "GitHubBuildStatus",
|
|
"name": "GitHubBuildStatus",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "GitHubBuildStatus component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "GitHubBuildStatusWrapper"
|
|
},
|
|
{
|
|
"type": "GitHubBuildStatusWrapper",
|
|
"name": "GitHubBuildStatusWrapper",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "JSON wrapper for props-driven GitHub build status summary",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "GitHubBuildStatus",
|
|
"load": {
|
|
"export": "GitHubBuildStatusWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "GlowCard",
|
|
"name": "GlowCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "GlowCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Grid",
|
|
"name": "Grid",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Responsive grid layout",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "header",
|
|
"name": "header",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Semantic header container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "Heading",
|
|
"name": "Heading",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Heading text with level (h1-h6)",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Heart",
|
|
"name": "Heart",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Heart icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Heart"
|
|
}
|
|
},
|
|
{
|
|
"type": "HelpCircle",
|
|
"name": "HelpCircle",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "HelpCircle icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Question"
|
|
}
|
|
},
|
|
{
|
|
"type": "HelperText",
|
|
"name": "HelperText",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "HelperText component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Home",
|
|
"name": "Home",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Home icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "House"
|
|
}
|
|
},
|
|
{
|
|
"type": "hover-card",
|
|
"name": "hover-card",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "HoverCard",
|
|
"name": "HoverCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Card shown on hover",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "HoverCard as ShadcnHoverCard,\n HoverCardContent,\n HoverCardTrigger,",
|
|
"name": "HoverCard as ShadcnHoverCard,\n HoverCardContent,\n HoverCardTrigger,",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Icon",
|
|
"name": "Icon",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "IconButton",
|
|
"name": "IconButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Button with icon only",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "IconText",
|
|
"name": "IconText",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "IconText component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "IconWrapper",
|
|
"name": "IconWrapper",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "IconWrapper component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Image",
|
|
"name": "Image",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Image element with loading states",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Info",
|
|
"name": "Info",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Info icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Info"
|
|
}
|
|
},
|
|
{
|
|
"type": "InfoBox",
|
|
"name": "InfoBox",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Information box with icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "InfoPanel",
|
|
"name": "InfoPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "InfoPanel component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "input",
|
|
"name": "input",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Input",
|
|
"name": "Input",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Text input field",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "input-otp",
|
|
"name": "input-otp",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Contains hooks - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/input-otp",
|
|
"export": "input-otp"
|
|
}
|
|
},
|
|
{
|
|
"type": "InputOtp",
|
|
"name": "InputOtp",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "InputOtp component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "JSONComponentTreeManager",
|
|
"name": "JSONComponentTreeManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Data display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/JSONComponentTreeManager",
|
|
"export": "JSONComponentTreeManager"
|
|
}
|
|
},
|
|
{
|
|
"type": "JSONLambdaDesigner",
|
|
"name": "JSONLambdaDesigner",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/JSONLambdaDesigner",
|
|
"export": "JSONLambdaDesigner"
|
|
}
|
|
},
|
|
{
|
|
"type": "JSONModelDesigner",
|
|
"name": "JSONModelDesigner",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/JSONModelDesigner",
|
|
"export": "JSONModelDesigner"
|
|
}
|
|
},
|
|
{
|
|
"type": "JSONUIShowcase",
|
|
"name": "JSONUIShowcase",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "JSONUIShowcase organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true,
|
|
"load": {
|
|
"path": "@/components/JSONUIShowcase.tsx",
|
|
"export": "JSONUIShowcase"
|
|
}
|
|
},
|
|
{
|
|
"type": "Kbd",
|
|
"name": "Kbd",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Keyboard key display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "KeyValue",
|
|
"name": "KeyValue",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Key-value pair display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "label",
|
|
"name": "label",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Label",
|
|
"name": "Label",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Form label element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LabelWithBadge",
|
|
"name": "LabelWithBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LabelWithBadge component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LazyBarChart",
|
|
"name": "LazyBarChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Lazy-loaded Recharts bar chart with runtime library loading",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "LazyBarChartWrapper"
|
|
},
|
|
{
|
|
"type": "LazyBarChartWrapper",
|
|
"name": "LazyBarChartWrapper",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for a props-driven bar chart (no lazy hooks)",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "LazyBarChart",
|
|
"load": {
|
|
"export": "LazyBarChartWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyD3BarChart",
|
|
"name": "LazyD3BarChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Lazy-loaded D3 bar chart with runtime library loading",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "LazyD3BarChartWrapper"
|
|
},
|
|
{
|
|
"type": "LazyD3BarChartWrapper",
|
|
"name": "LazyD3BarChartWrapper",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for a simple SVG bar chart (no D3 hooks)",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "LazyD3BarChart",
|
|
"load": {
|
|
"export": "LazyD3BarChartWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyInlineMonacoEditor",
|
|
"name": "LazyInlineMonacoEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LazyInlineMonacoEditor component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LazyLineChart",
|
|
"name": "LazyLineChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Lazy-loaded Recharts line chart with runtime library loading",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "LazyLineChartWrapper"
|
|
},
|
|
{
|
|
"type": "LazyLineChartWrapper",
|
|
"name": "LazyLineChartWrapper",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for a props-driven line chart (no lazy hooks)",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "LazyLineChart",
|
|
"load": {
|
|
"export": "LazyLineChartWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "LazyMonacoEditor",
|
|
"name": "LazyMonacoEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LazyMonacoEditor component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Link",
|
|
"name": "Link",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Link icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "LinkSimple"
|
|
}
|
|
},
|
|
{
|
|
"type": "Link",
|
|
"name": "Link",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Hyperlink element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "List",
|
|
"name": "List",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Generic list renderer with custom items",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ListItem",
|
|
"name": "ListItem",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "ListItem component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LiveIndicator",
|
|
"name": "LiveIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LiveIndicator component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LoadingFallback",
|
|
"name": "LoadingFallback",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LoadingFallback component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LoadingSpinner",
|
|
"name": "LoadingSpinner",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LoadingSpinner component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LoadingState",
|
|
"name": "LoadingState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LoadingState component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Mail",
|
|
"name": "Mail",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Mail icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Envelope"
|
|
}
|
|
},
|
|
{
|
|
"type": "main",
|
|
"name": "main",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Semantic main container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "Menu",
|
|
"name": "Menu",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Menu icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "List"
|
|
}
|
|
},
|
|
{
|
|
"type": "Menu",
|
|
"name": "Menu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Menu component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Menubar",
|
|
"name": "Menubar",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Menubar component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "MetricCard",
|
|
"name": "MetricCard",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Metric display card",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "MetricDisplay",
|
|
"name": "MetricDisplay",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "MetricDisplay component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Minus",
|
|
"name": "Minus",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Minus icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Minus"
|
|
}
|
|
},
|
|
{
|
|
"type": "Modal",
|
|
"name": "Modal",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Modal dialog overlay",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "MonacoEditorPanel",
|
|
"name": "MonacoEditorPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "MonacoEditorPanel component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "MoreHorizontal",
|
|
"name": "MoreHorizontal",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "MoreHorizontal icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "DotsThree"
|
|
}
|
|
},
|
|
{
|
|
"type": "MoreVertical",
|
|
"name": "MoreVertical",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "MoreVertical icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "DotsThreeVertical"
|
|
}
|
|
},
|
|
{
|
|
"type": "NavigationGroupHeader",
|
|
"name": "NavigationGroupHeader",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationGroupHeader component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "NavigationItem",
|
|
"name": "NavigationItem",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationItem component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "NavigationMenu",
|
|
"name": "NavigationMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationMenu component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Notification",
|
|
"name": "Notification",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Toast notification",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "NumberInput",
|
|
"name": "NumberInput",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Numeric input with increment/decrement",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PageHeader",
|
|
"name": "PageHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PageHeader component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"load": {
|
|
"path": "@/components/atoms/PageHeader.tsx",
|
|
"export": "BasicPageHeader"
|
|
}
|
|
},
|
|
{
|
|
"type": "PageHeaderContent",
|
|
"name": "PageHeaderContent",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PageHeaderContent component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Pagination",
|
|
"name": "Pagination",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Pagination component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "PanelHeader",
|
|
"name": "PanelHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PanelHeader component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PasswordInput",
|
|
"name": "PasswordInput",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Password input with visibility toggle",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PersistenceDashboard",
|
|
"name": "PersistenceDashboard",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/PersistenceDashboard",
|
|
"export": "PersistenceDashboard"
|
|
}
|
|
},
|
|
{
|
|
"type": "PersistenceExample",
|
|
"name": "PersistenceExample",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/PersistenceExample",
|
|
"export": "PersistenceExample"
|
|
}
|
|
},
|
|
{
|
|
"type": "Plus",
|
|
"name": "Plus",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Plus icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Plus"
|
|
}
|
|
},
|
|
{
|
|
"type": "popover",
|
|
"name": "popover",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Popover",
|
|
"name": "Popover",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Popover overlay content",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Popover, PopoverContent, PopoverTrigger",
|
|
"name": "Popover, PopoverContent, PopoverTrigger",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "progress",
|
|
"name": "progress",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Feedback and status component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Progress",
|
|
"name": "Progress",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Progress bar indicator",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ProgressBar",
|
|
"name": "ProgressBar",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Linear progress bar",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ProjectDashboard",
|
|
"name": "ProjectDashboard",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ProjectDashboard",
|
|
"export": "ProjectDashboard"
|
|
}
|
|
},
|
|
{
|
|
"type": "PropertyEditor",
|
|
"name": "PropertyEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PropertyEditor component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "PropertyEditorField",
|
|
"name": "PropertyEditorField",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PropertyEditorField component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Pulse",
|
|
"name": "Pulse",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Pulse component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PWASettings",
|
|
"name": "PWASettings",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/PWASettings",
|
|
"export": "PWASettings"
|
|
}
|
|
},
|
|
{
|
|
"type": "QuickActionButton",
|
|
"name": "QuickActionButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "QuickActionButton component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Radio",
|
|
"name": "Radio",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Radio button selection",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "radio-group",
|
|
"name": "radio-group",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "RadioGroup",
|
|
"name": "RadioGroup",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "RadioGroup component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "RangeSlider",
|
|
"name": "RangeSlider",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "RangeSlider component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Rating",
|
|
"name": "Rating",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Star rating component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "RefreshCw",
|
|
"name": "RefreshCw",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "RefreshCw icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "ArrowClockwise"
|
|
}
|
|
},
|
|
{
|
|
"type": "resizable",
|
|
"name": "resizable",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Resizable",
|
|
"name": "Resizable",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Resizable component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"load": {
|
|
"path": "@/components/ui/resizable.tsx",
|
|
"export": "ResizablePanelGroup"
|
|
}
|
|
},
|
|
{
|
|
"type": "ResponsiveGrid",
|
|
"name": "ResponsiveGrid",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "ResponsiveGrid component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SassStylesShowcase",
|
|
"name": "SassStylesShowcase",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/SassStylesShowcase",
|
|
"export": "SassStylesShowcase"
|
|
}
|
|
},
|
|
{
|
|
"type": "Save",
|
|
"name": "Save",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Save icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "FloppyDisk"
|
|
}
|
|
},
|
|
{
|
|
"type": "SaveIndicator",
|
|
"name": "SaveIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Save status indicator with hook-driven state",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "SaveIndicatorWrapper"
|
|
},
|
|
{
|
|
"type": "SaveIndicatorWrapper",
|
|
"name": "SaveIndicatorWrapper",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for save status indicator with pure-props API",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "SaveIndicator",
|
|
"load": {
|
|
"export": "SaveIndicatorWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "SchemaCodeViewer",
|
|
"name": "SchemaCodeViewer",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaCodeViewer organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorCanvas",
|
|
"name": "SchemaEditorCanvas",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorCanvas organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorLayout",
|
|
"name": "SchemaEditorLayout",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorLayout organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorPropertiesPanel",
|
|
"name": "SchemaEditorPropertiesPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorPropertiesPanel organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorSidebar",
|
|
"name": "SchemaEditorSidebar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorSidebar organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorStatusBar",
|
|
"name": "SchemaEditorStatusBar",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorStatusBar organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorToolbar",
|
|
"name": "SchemaEditorToolbar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorToolbar organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "scroll-area",
|
|
"name": "scroll-area",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "ScrollArea",
|
|
"name": "ScrollArea",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Scrollable container area",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Search",
|
|
"name": "Search",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Search icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "MagnifyingGlass"
|
|
}
|
|
},
|
|
{
|
|
"type": "SearchBar",
|
|
"name": "SearchBar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SearchBar component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SearchInput",
|
|
"name": "SearchInput",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Search input with icon",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"load": {
|
|
"path": "@/components/atoms/SearchInput.tsx",
|
|
"export": "BasicSearchInput"
|
|
}
|
|
},
|
|
{
|
|
"type": "section",
|
|
"name": "section",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Semantic section container",
|
|
"status": "supported",
|
|
"source": "primitive"
|
|
},
|
|
{
|
|
"type": "Section",
|
|
"name": "Section",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Section component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SeedDataManager",
|
|
"name": "SeedDataManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Seed data management with app-level hook state",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "SeedDataManagerWrapper"
|
|
},
|
|
{
|
|
"type": "SeedDataManagerWrapper",
|
|
"name": "SeedDataManagerWrapper",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for seed data management with props-driven state",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "SeedDataManager",
|
|
"load": {
|
|
"export": "SeedDataManagerWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "SeedDataStatus",
|
|
"name": "SeedDataStatus",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "SeedDataStatus component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Select",
|
|
"name": "Select",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Dropdown select control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "separator",
|
|
"name": "separator",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Separator",
|
|
"name": "Separator",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Visual divider line",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Separator as ShadcnSeparator",
|
|
"name": "Separator as ShadcnSeparator",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Settings",
|
|
"name": "Settings",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Settings icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Gear"
|
|
}
|
|
},
|
|
{
|
|
"type": "Share",
|
|
"name": "Share",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Share icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "ShareNetwork"
|
|
}
|
|
},
|
|
{
|
|
"type": "sheet",
|
|
"name": "sheet",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Complex logic - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/sheet",
|
|
"export": "sheet"
|
|
}
|
|
},
|
|
{
|
|
"type": "Sheet",
|
|
"name": "Sheet",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Sheet component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Sidebar",
|
|
"name": "Sidebar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Sidebar component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "SidebarTrigger",
|
|
"name": "SidebarTrigger",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "skeleton",
|
|
"name": "skeleton",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Feedback and status component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Skeleton",
|
|
"name": "Skeleton",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Loading skeleton placeholder",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "slider",
|
|
"name": "slider",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Contains hooks - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/slider",
|
|
"export": "slider"
|
|
}
|
|
},
|
|
{
|
|
"type": "Slider",
|
|
"name": "Slider",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Numeric range slider",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "sonner",
|
|
"name": "sonner",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Contains hooks - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/sonner",
|
|
"export": "sonner"
|
|
}
|
|
},
|
|
{
|
|
"type": "Sonner",
|
|
"name": "Sonner",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Sonner component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Spacer",
|
|
"name": "Spacer",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Spacer component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Sparkle",
|
|
"name": "Sparkle",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Sparkle component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Spinner",
|
|
"name": "Spinner",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Loading spinner",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Stack",
|
|
"name": "Stack",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Vertical or horizontal stack layout",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Star",
|
|
"name": "Star",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Star icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Star"
|
|
}
|
|
},
|
|
{
|
|
"type": "StatCard",
|
|
"name": "StatCard",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Statistic card display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "StatusBadge",
|
|
"name": "StatusBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Status indicator badge",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "StatusIcon",
|
|
"name": "StatusIcon",
|
|
"category": "feedback",
|
|
"canHaveChildren": false,
|
|
"description": "Status indicator icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "StepIndicator",
|
|
"name": "StepIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "StepIndicator component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Stepper",
|
|
"name": "Stepper",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Step-by-step navigation",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "StorageSettings",
|
|
"name": "StorageSettings",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Storage settings controls with hook-driven state",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"wrapperComponent": "StorageSettingsWrapper"
|
|
},
|
|
{
|
|
"type": "StorageSettingsWrapper",
|
|
"name": "StorageSettingsWrapper",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "JSON wrapper for storage settings controls with props-driven state",
|
|
"status": "json-compatible",
|
|
"source": "wrappers",
|
|
"jsonCompatible": true,
|
|
"wrapperFor": "StorageSettings",
|
|
"load": {
|
|
"export": "StorageSettingsWrapper"
|
|
}
|
|
},
|
|
{
|
|
"type": "StyleDesigner",
|
|
"name": "StyleDesigner",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "custom",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/StyleDesigner",
|
|
"export": "StyleDesigner"
|
|
}
|
|
},
|
|
{
|
|
"type": "switch",
|
|
"name": "switch",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Switch",
|
|
"name": "Switch",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Toggle switch control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Switch as ShadcnSwitch",
|
|
"name": "Switch as ShadcnSwitch",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "TabIcon",
|
|
"name": "TabIcon",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "TabIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "table",
|
|
"name": "table",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": false,
|
|
"wrapperRequired": true,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true,
|
|
"notes": "Complex logic - needs wrapper"
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/table",
|
|
"export": "table"
|
|
}
|
|
},
|
|
{
|
|
"type": "Table",
|
|
"name": "Table",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Data table",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,",
|
|
"name": "Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Layout container component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "TableBody",
|
|
"name": "TableBody",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Table body wrapper",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TableCell",
|
|
"name": "TableCell",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Table body cell",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TableHead",
|
|
"name": "TableHead",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Table header cell",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TableHeader",
|
|
"name": "TableHeader",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Table header wrapper",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TableRow",
|
|
"name": "TableRow",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Table row container",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "tabs",
|
|
"name": "tabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Tabs",
|
|
"name": "Tabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Tabbed interface container",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Tabs, TabsContent, TabsList, TabsTrigger",
|
|
"name": "Tabs, TabsContent, TabsList, TabsTrigger",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Tabs, TabsContent, TabsList, TabsTrigger",
|
|
"name": "Tabs, TabsContent, TabsList, TabsTrigger",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "TabsContent",
|
|
"name": "TabsContent",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/tabs",
|
|
"export": "TabsContent"
|
|
}
|
|
},
|
|
{
|
|
"type": "TabsList",
|
|
"name": "TabsList",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/tabs",
|
|
"export": "TabsList"
|
|
}
|
|
},
|
|
{
|
|
"type": "TabsTrigger",
|
|
"name": "TabsTrigger",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Navigation component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
},
|
|
"load": {
|
|
"path": "@/components/ui/tabs",
|
|
"export": "TabsTrigger"
|
|
}
|
|
},
|
|
{
|
|
"type": "Tag",
|
|
"name": "Tag",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Removable tag or chip",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Text",
|
|
"name": "Text",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Text content with typography variants",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "textarea",
|
|
"name": "textarea",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Form input component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Textarea",
|
|
"name": "Textarea",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Textarea component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TextArea",
|
|
"name": "TextArea",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Multi-line text input",
|
|
"status": "deprecated",
|
|
"source": "atoms",
|
|
"deprecated": {
|
|
"replacedBy": "Textarea",
|
|
"message": "Prefer the shadcn/ui Textarea component for JSON schemas."
|
|
}
|
|
},
|
|
{
|
|
"type": "TextGradient",
|
|
"name": "TextGradient",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "TextGradient component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TextHighlight",
|
|
"name": "TextHighlight",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "TextHighlight component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Timeline",
|
|
"name": "Timeline",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Timeline visualization",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Timestamp",
|
|
"name": "Timestamp",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Timestamp component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TipsCard",
|
|
"name": "TipsCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TipsCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "toggle",
|
|
"name": "toggle",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Toggle",
|
|
"name": "Toggle",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Toggle button control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ToggleGroup",
|
|
"name": "ToggleGroup",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ToggleGroup component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "toggleVariants",
|
|
"name": "toggleVariants",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "ToolbarActions",
|
|
"name": "ToolbarActions",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ToolbarActions organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ToolbarButton",
|
|
"name": "ToolbarButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ToolbarButton component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "tooltip",
|
|
"name": "tooltip",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "ui",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Tooltip",
|
|
"name": "Tooltip",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Tooltip overlay text",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Tooltip as TooltipPrimitive,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,",
|
|
"name": "Tooltip as TooltipPrimitive,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Tooltip, TooltipContent, TooltipProvider, TooltipTrigger",
|
|
"name": "Tooltip, TooltipContent, TooltipProvider, TooltipTrigger",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Display component",
|
|
"status": "supported",
|
|
"source": "atoms",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "TooltipContent, TooltipTrigger",
|
|
"name": "TooltipContent, TooltipTrigger",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Custom component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true,
|
|
"wrapperRequired": false,
|
|
"metadata": {
|
|
"conversionDate": "2026-01-18",
|
|
"autoGenerated": true
|
|
}
|
|
},
|
|
{
|
|
"type": "Trash",
|
|
"name": "Trash",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Trash icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Trash"
|
|
}
|
|
},
|
|
{
|
|
"type": "TreeCard",
|
|
"name": "TreeCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TreeCard component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "TreeFormDialog",
|
|
"name": "TreeFormDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TreeFormDialog component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "TreeIcon",
|
|
"name": "TreeIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "TreeIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TreeListHeader",
|
|
"name": "TreeListHeader",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "TreeListHeader component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "TreeListPanel",
|
|
"name": "TreeListPanel",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "TreeListPanel organism component",
|
|
"status": "supported",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Upload",
|
|
"name": "Upload",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Upload icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "Upload"
|
|
}
|
|
},
|
|
{
|
|
"type": "User",
|
|
"name": "User",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "User icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "User"
|
|
}
|
|
},
|
|
{
|
|
"type": "X",
|
|
"name": "X",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "X icon",
|
|
"status": "supported",
|
|
"source": "icons",
|
|
"load": {
|
|
"export": "X"
|
|
}
|
|
}
|
|
],
|
|
"statistics": {
|
|
"total": 342,
|
|
"supported": 329,
|
|
"jsonCompatible": 119,
|
|
"byCategory": {
|
|
"display": 106,
|
|
"custom": 67,
|
|
"input": 36,
|
|
"layout": 45,
|
|
"feedback": 26,
|
|
"data": 41,
|
|
"navigation": 21
|
|
},
|
|
"bySource": {
|
|
"ui": 65,
|
|
"atoms": 142,
|
|
"molecules": 45,
|
|
"icons": 38,
|
|
"organisms": 16,
|
|
"primitive": 6,
|
|
"custom": 20,
|
|
"wrappers": 10
|
|
}
|
|
}
|
|
}
|