mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-24 13:44:54 +00:00
2067 lines
53 KiB
JSON
2067 lines
53 KiB
JSON
{
|
|
"$schema": "./schemas/json-components-registry-schema.json",
|
|
"version": "2.0.0",
|
|
"description": "Registry of all components in the application",
|
|
"lastUpdated": "2026-01-18T11:30:41.908Z",
|
|
"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"
|
|
},
|
|
"components": [
|
|
{
|
|
"type": "ActionCard",
|
|
"name": "ActionCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "ActionCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "AlertDialog",
|
|
"name": "AlertDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "AlertDialog component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"name": "Card",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Container card with optional header, content, and footer",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Card",
|
|
"name": "Card",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Container card with optional header, content, and footer",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "CodeExplanationDialog",
|
|
"name": "CodeExplanationDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "CodeExplanationDialog component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"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": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Container",
|
|
"name": "Container",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Centered container with max-width",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataSourceCard",
|
|
"name": "DataSourceCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceCard component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "DataSourceEditorDialog",
|
|
"name": "DataSourceEditorDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceEditorDialog component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Dialog",
|
|
"name": "Dialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Modal dialog overlay",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Drawer",
|
|
"name": "Drawer",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Sliding panel overlay",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Drawer",
|
|
"name": "Drawer",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Sliding panel overlay",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Flex",
|
|
"name": "Flex",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Flexible box layout container",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"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": "HoverCard",
|
|
"name": "HoverCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Card shown on hover",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "HoverCard",
|
|
"name": "HoverCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Card shown on hover",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Modal",
|
|
"name": "Modal",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Modal dialog overlay",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ResponsiveGrid",
|
|
"name": "ResponsiveGrid",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "ResponsiveGrid component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Section",
|
|
"name": "Section",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Section component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Stack",
|
|
"name": "Stack",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "Vertical or horizontal stack layout",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TipsCard",
|
|
"name": "TipsCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TipsCard component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TreeCard",
|
|
"name": "TreeCard",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TreeCard component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "TreeFormDialog",
|
|
"name": "TreeFormDialog",
|
|
"category": "layout",
|
|
"canHaveChildren": true,
|
|
"description": "TreeFormDialog component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ActionButton",
|
|
"name": "ActionButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Button with action icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"name": "Button",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Interactive button element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Button",
|
|
"name": "Button",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Interactive button element",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ButtonGroup",
|
|
"name": "ButtonGroup",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Group of related buttons",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Checkbox",
|
|
"name": "Checkbox",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Checkbox toggle control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Checkbox",
|
|
"name": "Checkbox",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Checkbox toggle control",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ConfirmButton",
|
|
"name": "ConfirmButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ConfirmButton component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "CopyButton",
|
|
"name": "CopyButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "CopyButton component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DatePicker",
|
|
"name": "DatePicker",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Date selection input",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "FileUpload",
|
|
"name": "FileUpload",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "File upload control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "FilterInput",
|
|
"name": "FilterInput",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "FilterInput component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Form",
|
|
"name": "Form",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Form container component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Form",
|
|
"name": "Form",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Form container component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "IconButton",
|
|
"name": "IconButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Button with icon only",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Input",
|
|
"name": "Input",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Text input field",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Input",
|
|
"name": "Input",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Text input field",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "InputOtp",
|
|
"name": "InputOtp",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "InputOtp component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "NumberInput",
|
|
"name": "NumberInput",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Numeric input with increment/decrement",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PasswordInput",
|
|
"name": "PasswordInput",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Password input with visibility toggle",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"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": "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": "Select",
|
|
"name": "Select",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Dropdown select control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Select",
|
|
"name": "Select",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Dropdown select control",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Slider",
|
|
"name": "Slider",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Numeric range slider",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Slider",
|
|
"name": "Slider",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Numeric range slider",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Switch",
|
|
"name": "Switch",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Toggle switch control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Switch",
|
|
"name": "Switch",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Toggle switch control",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TextArea",
|
|
"name": "TextArea",
|
|
"category": "input",
|
|
"canHaveChildren": false,
|
|
"description": "Multi-line text input",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Toggle",
|
|
"name": "Toggle",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Toggle button control",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Toggle",
|
|
"name": "Toggle",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "Toggle button control",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ToggleGroup",
|
|
"name": "ToggleGroup",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ToggleGroup component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ToolbarButton",
|
|
"name": "ToolbarButton",
|
|
"category": "input",
|
|
"canHaveChildren": true,
|
|
"description": "ToolbarButton component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ActionIcon",
|
|
"name": "ActionIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "ActionIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Avatar",
|
|
"name": "Avatar",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "User avatar image",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Avatar",
|
|
"name": "Avatar",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "User avatar image",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "AvatarGroup",
|
|
"name": "AvatarGroup",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Group of user avatars",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"name": "Badge",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Small status or count indicator",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Badge",
|
|
"name": "Badge",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Small status or count indicator",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "CircularProgress",
|
|
"name": "CircularProgress",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Circular progress indicator",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Code",
|
|
"name": "Code",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Inline or block code display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Divider",
|
|
"name": "Divider",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Visual section divider",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "FileIcon",
|
|
"name": "FileIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "FileIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Heading",
|
|
"name": "Heading",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Heading text with level (h1-h6)",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "HelperText",
|
|
"name": "HelperText",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "HelperText component",
|
|
"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": "Label",
|
|
"name": "Label",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Form label element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Label",
|
|
"name": "Label",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Form label element",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"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": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SchemaCodeViewer",
|
|
"name": "SchemaCodeViewer",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaCodeViewer organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Separator",
|
|
"name": "Separator",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Visual divider line",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Separator",
|
|
"name": "Separator",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Visual divider line",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Skeleton",
|
|
"name": "Skeleton",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Loading skeleton placeholder",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Skeleton",
|
|
"name": "Skeleton",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Loading skeleton placeholder",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Spinner",
|
|
"name": "Spinner",
|
|
"category": "display",
|
|
"canHaveChildren": false,
|
|
"description": "Loading spinner",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"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": "display",
|
|
"canHaveChildren": true,
|
|
"description": "Textarea component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"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": "TreeIcon",
|
|
"name": "TreeIcon",
|
|
"category": "display",
|
|
"canHaveChildren": true,
|
|
"description": "TreeIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"name": "Breadcrumb",
|
|
"category": "navigation",
|
|
"canHaveChildren": false,
|
|
"description": "Navigation breadcrumb trail",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"name": "Breadcrumb",
|
|
"category": "navigation",
|
|
"canHaveChildren": false,
|
|
"description": "Navigation breadcrumb trail",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Breadcrumb",
|
|
"name": "Breadcrumb",
|
|
"category": "navigation",
|
|
"canHaveChildren": false,
|
|
"description": "Navigation breadcrumb trail",
|
|
"status": "planned",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ContextMenu",
|
|
"name": "ContextMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Right-click context menu",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ContextMenu",
|
|
"name": "ContextMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Right-click context menu",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "DropdownMenu",
|
|
"name": "DropdownMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "DropdownMenu component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "FileTabs",
|
|
"name": "FileTabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "FileTabs component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Link",
|
|
"name": "Link",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Hyperlink element",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"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": "NavigationGroupHeader",
|
|
"name": "NavigationGroupHeader",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationGroupHeader component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "NavigationItem",
|
|
"name": "NavigationItem",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationItem component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "NavigationMenu",
|
|
"name": "NavigationMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationMenu component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "NavigationMenu",
|
|
"name": "NavigationMenu",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "NavigationMenu component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "TabIcon",
|
|
"name": "TabIcon",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "TabIcon component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Tabs",
|
|
"name": "Tabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Tabbed interface container",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Tabs",
|
|
"name": "Tabs",
|
|
"category": "navigation",
|
|
"canHaveChildren": true,
|
|
"description": "Tabbed interface container",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Alert",
|
|
"name": "Alert",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Alert notification message",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Alert",
|
|
"name": "Alert",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Alert notification message",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "CountBadge",
|
|
"name": "CountBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "CountBadge component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataSourceBadge",
|
|
"name": "DataSourceBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceBadge component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "EmptyCanvasState",
|
|
"name": "EmptyCanvasState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "EmptyCanvasState organism component",
|
|
"status": "maybe-json-compatible",
|
|
"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": "EmptyState",
|
|
"name": "EmptyState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Empty state placeholder",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"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": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "GitHubBuildStatus",
|
|
"name": "GitHubBuildStatus",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "GitHubBuildStatus component",
|
|
"status": "supported",
|
|
"source": "molecules",
|
|
"jsonCompatible": false
|
|
},
|
|
{
|
|
"type": "InfoBox",
|
|
"name": "InfoBox",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Information box with icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LabelWithBadge",
|
|
"name": "LabelWithBadge",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LabelWithBadge component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"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": "LoadingState",
|
|
"name": "LoadingState",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "LoadingState component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Notification",
|
|
"name": "Notification",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "Toast notification",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SchemaEditorStatusBar",
|
|
"name": "SchemaEditorStatusBar",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorStatusBar organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SeedDataStatus",
|
|
"name": "SeedDataStatus",
|
|
"category": "feedback",
|
|
"canHaveChildren": true,
|
|
"description": "SeedDataStatus component",
|
|
"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": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Chart",
|
|
"name": "Chart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "Chart component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "DataList",
|
|
"name": "DataList",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Styled data list",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataSourceManager",
|
|
"name": "DataSourceManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "DataSourceManager organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "DataTable",
|
|
"name": "DataTable",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Advanced data table with sorting and filtering",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "KeyValue",
|
|
"name": "KeyValue",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Key-value pair display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LazyBarChart",
|
|
"name": "LazyBarChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "LazyBarChart component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LazyD3BarChart",
|
|
"name": "LazyD3BarChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "LazyD3BarChart component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LazyLineChart",
|
|
"name": "LazyLineChart",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "LazyLineChart component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"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": "MetricCard",
|
|
"name": "MetricCard",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Metric display card",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "MetricDisplay",
|
|
"name": "MetricDisplay",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "MetricDisplay component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SeedDataManager",
|
|
"name": "SeedDataManager",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "SeedDataManager component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "StatCard",
|
|
"name": "StatCard",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Statistic card display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "StatCard",
|
|
"name": "StatCard",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Statistic card display",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Table",
|
|
"name": "Table",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Data table",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Table",
|
|
"name": "Table",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Data table",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Timeline",
|
|
"name": "Timeline",
|
|
"category": "data",
|
|
"canHaveChildren": false,
|
|
"description": "Timeline visualization",
|
|
"status": "planned",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "TreeListHeader",
|
|
"name": "TreeListHeader",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "TreeListHeader component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "TreeListPanel",
|
|
"name": "TreeListPanel",
|
|
"category": "data",
|
|
"canHaveChildren": true,
|
|
"description": "TreeListPanel organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Accordion",
|
|
"name": "Accordion",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Collapsible content sections",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Accordion",
|
|
"name": "Accordion",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Collapsible content sections",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "ActionBar",
|
|
"name": "ActionBar",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Action button toolbar",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "AppBranding",
|
|
"name": "AppBranding",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppBranding component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "AppHeader",
|
|
"name": "AppHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppHeader organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "AppLogo",
|
|
"name": "AppLogo",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AppLogo component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "AspectRatio",
|
|
"name": "AspectRatio",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "AspectRatio component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "BindingEditor",
|
|
"name": "BindingEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "BindingEditor component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "BindingIndicator",
|
|
"name": "BindingIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "BindingIndicator component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Calendar",
|
|
"name": "Calendar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Calendar date selector",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Calendar",
|
|
"name": "Calendar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Calendar date selector",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "CanvasRenderer",
|
|
"name": "CanvasRenderer",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "CanvasRenderer component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Carousel",
|
|
"name": "Carousel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Carousel component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "Chip",
|
|
"name": "Chip",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Compact element for tags or selections",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Collapsible",
|
|
"name": "Collapsible",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Collapsible component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"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": "CommandPalette",
|
|
"name": "CommandPalette",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Command search and execution",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ComponentPalette",
|
|
"name": "ComponentPalette",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentPalette component",
|
|
"status": "maybe-json-compatible",
|
|
"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": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ComponentTreeNode",
|
|
"name": "ComponentTreeNode",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ComponentTreeNode component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "DataCard",
|
|
"name": "DataCard",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Custom data display card",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "DetailRow",
|
|
"name": "DetailRow",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "DetailRow component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Dot",
|
|
"name": "Dot",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Dot component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "EditorActions",
|
|
"name": "EditorActions",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "EditorActions component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "EditorToolbar",
|
|
"name": "EditorToolbar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "EditorToolbar component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "InfoPanel",
|
|
"name": "InfoPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "InfoPanel component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "JSONUIShowcase",
|
|
"name": "JSONUIShowcase",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "JSONUIShowcase organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Kbd",
|
|
"name": "Kbd",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Keyboard key display",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "LazyInlineMonacoEditor",
|
|
"name": "LazyInlineMonacoEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LazyInlineMonacoEditor component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LazyMonacoEditor",
|
|
"name": "LazyMonacoEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LazyMonacoEditor component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "LiveIndicator",
|
|
"name": "LiveIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "LiveIndicator component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "MonacoEditorPanel",
|
|
"name": "MonacoEditorPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "MonacoEditorPanel component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "PageHeader",
|
|
"name": "PageHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PageHeader component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "PageHeader",
|
|
"name": "PageHeader",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PageHeader component",
|
|
"status": "json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "PageHeaderContent",
|
|
"name": "PageHeaderContent",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PageHeaderContent component",
|
|
"status": "maybe-json-compatible",
|
|
"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": "Popover",
|
|
"name": "Popover",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Popover overlay content",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Popover",
|
|
"name": "Popover",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Popover overlay content",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "PropertyEditor",
|
|
"name": "PropertyEditor",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "PropertyEditor component",
|
|
"status": "maybe-json-compatible",
|
|
"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": "Rating",
|
|
"name": "Rating",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Star rating component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Resizable",
|
|
"name": "Resizable",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Resizable component",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "SaveIndicator",
|
|
"name": "SaveIndicator",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SaveIndicator component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorCanvas",
|
|
"name": "SchemaEditorCanvas",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorCanvas organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorLayout",
|
|
"name": "SchemaEditorLayout",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorLayout organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorPropertiesPanel",
|
|
"name": "SchemaEditorPropertiesPanel",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorPropertiesPanel organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorSidebar",
|
|
"name": "SchemaEditorSidebar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorSidebar organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SchemaEditorToolbar",
|
|
"name": "SchemaEditorToolbar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SchemaEditorToolbar organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "ScrollArea",
|
|
"name": "ScrollArea",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Scrollable container area",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ScrollArea",
|
|
"name": "ScrollArea",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Scrollable container area",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
},
|
|
{
|
|
"type": "SearchBar",
|
|
"name": "SearchBar",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "SearchBar component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "SearchInput",
|
|
"name": "SearchInput",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Search input with icon",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "SearchInput",
|
|
"name": "SearchInput",
|
|
"category": "custom",
|
|
"canHaveChildren": false,
|
|
"description": "Search input with icon",
|
|
"status": "maybe-json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"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": "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": "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": "StorageSettings component",
|
|
"status": "json-compatible",
|
|
"source": "molecules",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Timestamp",
|
|
"name": "Timestamp",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Timestamp component",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "ToolbarActions",
|
|
"name": "ToolbarActions",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "ToolbarActions organism component",
|
|
"status": "maybe-json-compatible",
|
|
"source": "organisms",
|
|
"jsonCompatible": true
|
|
},
|
|
{
|
|
"type": "Tooltip",
|
|
"name": "Tooltip",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Tooltip overlay text",
|
|
"status": "supported",
|
|
"source": "atoms"
|
|
},
|
|
{
|
|
"type": "Tooltip",
|
|
"name": "Tooltip",
|
|
"category": "custom",
|
|
"canHaveChildren": true,
|
|
"description": "Tooltip overlay text",
|
|
"status": "supported",
|
|
"source": "ui"
|
|
}
|
|
],
|
|
"statistics": {
|
|
"total": 219,
|
|
"supported": 152,
|
|
"planned": 12,
|
|
"jsonCompatible": 14,
|
|
"maybeJsonCompatible": 41,
|
|
"byCategory": {
|
|
"layout": 25,
|
|
"input": 34,
|
|
"display": 31,
|
|
"navigation": 17,
|
|
"feedback": 23,
|
|
"data": 20,
|
|
"custom": 69
|
|
},
|
|
"bySource": {
|
|
"atoms": 117,
|
|
"molecules": 41,
|
|
"organisms": 15,
|
|
"ui": 46
|
|
}
|
|
}
|
|
}
|