{
"blocks": [
{
"category": "content",
"container": false,
"id": "card",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "dashboard",
"container": false,
"id": "dashboard-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "dashboard",
"container": false,
"id": "data-table",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "form",
"container": false,
"id": "form-field",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "overlay",
"container": false,
"id": "fullscreen-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "page",
"container": false,
"id": "hero",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "marketing",
"container": false,
"id": "marketing-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "page",
"container": false,
"id": "page-header",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "page",
"container": false,
"id": "page-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "layout",
"container": false,
"id": "section",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "layout",
"container": false,
"id": "sidebar-layout",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "editor",
"container": false,
"id": "split-view-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "dashboard",
"container": false,
"id": "stat-group",
"regions": [],
"type": "block",
"variant": "structure"
},
{
"category": "editor",
"container": false,
"id": "three-pane-layout",
"regions": [],
"type": "layout",
"variant": "structure"
},
{
"category": "flow",
"container": false,
"id": "wizard-layout",
"regions": [],
"type": "layout",
"variant": "structure"
}
],
"components": [
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"Multiple"
],
"catalog_category": "Navigation",
"catalog_tags": [
"accordion",
"collapsible",
"expand",
"sections",
"faq"
],
"component_name": "Accordion",
"description": "Expandable accordion sections",
"family": "family-b-selection",
"has_semantic": true,
"id": "accordion",
"intent": "Expand and collapse content sections",
"label": "Accordion",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Feedback",
"catalog_tags": [
"alert",
"warning",
"info",
"message",
"error"
],
"component_name": "Alert",
"description": "Alert message box",
"family": "family-e-feedback",
"has_semantic": true,
"id": "alert",
"intent": "Display important static messages",
"label": "Alert",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "AlertDialogContent",
"description": null,
"family": null,
"has_semantic": false,
"id": "alert-dialog-content",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"animate",
"animation",
"transition",
"motion"
],
"component_name": "Animate",
"description": "Animation wrapper component",
"family": "family-i-animation",
"has_semantic": true,
"id": "animate",
"intent": "Apply CSS animations to children",
"label": "Animate",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "AspectRatio",
"description": null,
"family": null,
"has_semantic": false,
"id": "aspect-ratio",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"avatar",
"photo",
"profile",
"user",
"image"
],
"component_name": "Avatar",
"description": "User avatar image",
"family": "family-f-data",
"has_semantic": true,
"id": "avatar",
"intent": "Display user profile image with fallback",
"label": "Avatar",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"badge",
"tag",
"status",
"label",
"notification"
],
"component_name": "Badge",
"description": "Status badge label",
"family": "family-e-feedback",
"has_semantic": true,
"id": "badge",
"intent": "Display status, count or label",
"label": "Badge",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Feedback",
"catalog_tags": [
"banner",
"announcement",
"notification",
"top",
"message"
],
"component_name": "Banner",
"description": "Banner message",
"family": "family-e-feedback",
"has_semantic": true,
"id": "banner",
"intent": "Display persistent page-level messages",
"label": "Banner",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Navigation",
"catalog_tags": [
"breadcrumb",
"path",
"navigation",
"trail",
"location"
],
"component_name": "Breadcrumb",
"description": "Navigation breadcrumb trail",
"family": "family-d-navigation",
"has_semantic": true,
"id": "breadcrumb",
"intent": "Show current location in hierarchy",
"label": "Breadcrumb",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Disabled"
],
"catalog_category": "Action",
"catalog_tags": [
"button",
"action",
"submit",
"click",
"cta"
],
"component_name": "Button",
"description": "Action button with variant and size",
"family": "family-c-forms",
"has_semantic": true,
"id": "button",
"intent": "Trigger an action or event",
"label": "Button",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ButtonGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "button-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "Calendar",
"description": null,
"family": null,
"has_semantic": false,
"id": "calendar",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Feedback",
"catalog_tags": [
"callout",
"highlight",
"info",
"note",
"warning",
"tip"
],
"component_name": "Callout",
"description": "Callout info box",
"family": "family-e-feedback",
"has_semantic": true,
"id": "callout",
"intent": "Highlight important contextual information",
"label": "Callout",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"card",
"container",
"group",
"content"
],
"component_name": "Card",
"description": "Card component",
"family": "family-f-data",
"has_semantic": true,
"id": "card",
"intent": "Group related content in a container",
"label": "Card",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"KeyboardArrows"
],
"catalog_category": "Display",
"catalog_tags": [
"carousel",
"slider",
"gallery",
"images",
"slideshow"
],
"component_name": "Carousel",
"description": "Image carousel slider",
"family": "family-g-composite",
"has_semantic": true,
"id": "carousel",
"intent": "Cycle through items horizontally",
"label": "Carousel",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"chart",
"graph",
"bar",
"line",
"pie",
"area",
"data",
"visualization"
],
"component_name": "Chart",
"description": "Data chart visualization",
"family": "family-f-data",
"has_semantic": true,
"id": "chart",
"intent": "Visualize data graphically",
"label": "Chart",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"checkbox",
"check",
"tick",
"selection",
"multiple"
],
"component_name": "Checkbox",
"description": "Checkbox input",
"family": "family-b-selection",
"has_semantic": true,
"id": "checkbox",
"intent": "Toggle a boolean value",
"label": "Checkbox",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "CodeBlock",
"description": null,
"family": null,
"has_semantic": false,
"id": "code-block",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Navigation",
"catalog_tags": [
"collapsible",
"collapse",
"expand",
"hide",
"toggle"
],
"component_name": "Collapsible",
"description": "Collapsible section",
"family": "family-b-selection",
"has_semantic": true,
"id": "collapsible",
"intent": "Show and hide content sections",
"label": "Collapsible",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ColorPicker",
"description": null,
"family": null,
"has_semantic": false,
"id": "color-picker",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"combobox",
"search",
"autocomplete",
"filter",
"combo"
],
"component_name": "Combobox",
"description": "Searchable combo box",
"family": "family-b-selection",
"has_semantic": true,
"id": "combobox",
"intent": "Search and select from a list",
"label": "Combobox",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"Typeahead"
],
"catalog_category": "Action",
"catalog_tags": [
"command",
"palette",
"spotlight",
"search",
"shortcut"
],
"component_name": "Command",
"description": "Command palette",
"family": "family-b-selection",
"has_semantic": true,
"id": "command",
"intent": "Command palette for quick actions",
"label": "Command",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ConfirmDialog",
"description": null,
"family": null,
"has_semantic": false,
"id": "confirm-dialog",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ContextMenu",
"description": null,
"family": null,
"has_semantic": false,
"id": "context-menu",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "CopyButton",
"description": null,
"family": null,
"has_semantic": false,
"id": "copy-button",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "DataTable",
"description": null,
"family": null,
"has_semantic": false,
"id": "data-table",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"FocusTrap",
"KeyboardEsc",
"AriaModal"
],
"catalog_category": "Overlay",
"catalog_tags": [
"dialog",
"modal",
"popup",
"window",
"overlay",
"confirmation"
],
"component_name": "Dialog",
"description": "Modal dialog component",
"family": "family-a-overlay",
"has_semantic": true,
"id": "dialog",
"intent": "Display critical content requiring user interaction",
"label": "Dialog",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "DocProgress",
"description": null,
"family": null,
"has_semantic": false,
"id": "doc-progress",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "DragContainer",
"description": null,
"family": null,
"has_semantic": false,
"id": "drag-container",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "DragHandle",
"description": null,
"family": null,
"has_semantic": false,
"id": "drag-handle",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"FocusTrap",
"KeyboardEsc",
"AriaModal"
],
"catalog_category": "Overlay",
"catalog_tags": [
"drawer",
"slide",
"lateral",
"panel",
"mobile"
],
"component_name": "Drawer",
"description": "Slide-out drawer component",
"family": "family-a-overlay",
"has_semantic": true,
"id": "drawer",
"intent": "Slide-in panel for supplementary content",
"label": "Drawer",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "DropdownMenu",
"description": null,
"family": null,
"has_semantic": false,
"id": "dropdown-menu",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "EmptyState",
"description": null,
"family": null,
"has_semantic": false,
"id": "empty-state",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "EmptyTable",
"description": null,
"family": null,
"has_semantic": false,
"id": "empty-table",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ErrorState",
"description": null,
"family": null,
"has_semantic": false,
"id": "error-state",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "EventRow",
"description": null,
"family": null,
"has_semantic": false,
"id": "event-row",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Form",
"catalog_tags": [
"field",
"label",
"error",
"form",
"wrapper"
],
"component_name": "Field",
"description": "Form field wrapper with label and error",
"family": "family-c-forms",
"has_semantic": true,
"id": "field",
"intent": "Wrap a form input with label and error",
"label": "Field",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Form",
"catalog_tags": [
"form",
"submit",
"validation",
"input",
"fields"
],
"component_name": "Form",
"description": "Form component",
"family": "family-c-forms",
"has_semantic": true,
"id": "form",
"intent": "Form container with submit handling",
"label": "Form",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "FormErrorSummary",
"description": null,
"family": null,
"has_semantic": false,
"id": "form-error-summary",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "Hero",
"description": null,
"family": null,
"has_semantic": false,
"id": "hero",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "HoverCard",
"description": null,
"family": null,
"has_semantic": false,
"id": "hover-card",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"icon",
"svg",
"symbol",
"visual"
],
"component_name": "Icon",
"description": "SVG icon display",
"family": "family-f-data",
"has_semantic": true,
"id": "icon",
"intent": "Display an SVG icon",
"label": "Icon",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "IconButton",
"description": null,
"family": null,
"has_semantic": false,
"id": "icon-button",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "InlineMeta",
"description": null,
"family": null,
"has_semantic": false,
"id": "inline-meta",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "InlineNotice",
"description": null,
"family": null,
"has_semantic": false,
"id": "inline-notice",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Value",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"input",
"field",
"text",
"form"
],
"component_name": "Input",
"description": "Text input field",
"family": "family-c-forms",
"has_semantic": true,
"id": "input",
"intent": "Capture text or data from user",
"label": "Input",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "InputGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "input-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "InputOtp",
"description": null,
"family": null,
"has_semantic": false,
"id": "input-otp",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "InputOtpSlot",
"description": null,
"family": null,
"has_semantic": false,
"id": "input-otp-slot",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"kbd",
"keyboard",
"shortcut",
"ctrl",
"cmd"
],
"component_name": "Kbd",
"description": "Keyboard shortcut display",
"family": "family-c-forms",
"has_semantic": true,
"id": "kbd",
"intent": "Display keyboard shortcut",
"label": "Kbd",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "KbdGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "kbd-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Form",
"catalog_tags": [
"label",
"form",
"accessibility",
"input"
],
"component_name": "Label",
"description": "Form label component",
"family": "family-c-forms",
"has_semantic": true,
"id": "label",
"intent": "Associate a label with a form control",
"label": "Label",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Disabled"
],
"catalog_category": "Navigation",
"catalog_tags": [
"link",
"anchor",
"href",
"url",
"navigate",
"click"
],
"component_name": "Link",
"description": "Hyperlink",
"family": "family-d-navigation",
"has_semantic": true,
"id": "link",
"intent": "Navigate to a URL or trigger action",
"label": "Link",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "LinkGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "link-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "List",
"description": null,
"family": null,
"has_semantic": false,
"id": "list",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "LoadingOverlay",
"description": null,
"family": null,
"has_semantic": false,
"id": "loading-overlay",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Brand",
"catalog_tags": [
"logo",
"brand",
"home",
"identity",
"canonrs",
"wordmark",
"icon",
"tagline"
],
"component_name": "Logo",
"description": "CanonRS logo combining SVG icon, wordmark and optional tagline",
"family": "family-f-data",
"has_semantic": true,
"id": "logo",
"intent": "Brand identity link pointing to home",
"label": "Site Logo",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"markdown",
"text",
"rich-text",
"content",
"document",
"blog"
],
"component_name": "Markdown",
"description": "Rendered markdown content",
"family": "family-f-data",
"has_semantic": true,
"id": "markdown",
"intent": "Render markdown content as HTML",
"label": "Markdown",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Navigation",
"catalog_tags": [
"menu",
"list",
"options",
"actions",
"items"
],
"component_name": "Menu",
"description": "Menu component",
"family": "family-b-selection",
"has_semantic": true,
"id": "menu",
"intent": "Static vertical menu list",
"label": "Menu",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Navigation",
"catalog_tags": [
"menubar",
"navigation",
"desktop",
"app"
],
"component_name": "Menubar",
"description": "Menu bar navigation",
"family": "family-b-selection",
"has_semantic": true,
"id": "menubar",
"intent": "Horizontal application menu bar",
"label": "Menubar",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"FocusTrap",
"AriaModal"
],
"catalog_category": "Overlay",
"catalog_tags": [
"modal",
"window",
"popup",
"overlay",
"dialog"
],
"component_name": "Modal",
"description": "Modal window component",
"family": "family-a-overlay",
"has_semantic": true,
"id": "modal",
"intent": "Generic modal container",
"label": "Modal",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "NavItem",
"description": null,
"family": null,
"has_semantic": false,
"id": "nav-item",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "NavigationGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "navigation-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "NavigationMenu",
"description": null,
"family": null,
"has_semantic": false,
"id": "navigation-menu",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "PageHeader",
"description": null,
"family": null,
"has_semantic": false,
"id": "page-header",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Active",
"Disabled"
],
"catalog_category": "Navigation",
"catalog_tags": [
"pagination",
"pages",
"next",
"prev",
"navigate"
],
"component_name": "Pagination",
"description": "Page navigation control",
"family": "family-d-navigation",
"has_semantic": true,
"id": "pagination",
"intent": "Navigate between pages of content",
"label": "Pagination",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "PinButton",
"description": null,
"family": null,
"has_semantic": false,
"id": "pin-button",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"FocusTrap"
],
"catalog_category": "Overlay",
"catalog_tags": [
"popover",
"floating",
"tooltip",
"overlay",
"context"
],
"component_name": "Popover",
"description": "Floating popover component",
"family": "family-a-overlay",
"has_semantic": true,
"id": "popover",
"intent": "Show contextual floating content",
"label": "Popover",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Value"
],
"catalog_category": "Feedback",
"catalog_tags": [
"progress",
"bar",
"loading",
"percentage",
"completion"
],
"component_name": "Progress",
"description": "Progress bar indicator",
"family": "family-e-feedback",
"has_semantic": true,
"id": "progress",
"intent": "Show completion of a task",
"label": "Progress",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ProgressMini",
"description": null,
"family": null,
"has_semantic": false,
"id": "progress-mini",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Feedback",
"catalog_tags": [
"pulse",
"animation",
"glow",
"attention",
"highlight",
"ping"
],
"component_name": "Pulse",
"description": "Pulse animation wrapper",
"family": "family-e-feedback",
"has_semantic": true,
"id": "pulse",
"intent": "Animated attention indicator",
"label": "Pulse",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"radio",
"choice",
"exclusive",
"selection"
],
"component_name": "Radio",
"description": "Radio button input",
"family": "family-b-selection",
"has_semantic": true,
"id": "radio",
"intent": "Select one option from a group",
"label": "Radio",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "RadioGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "radio-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Orientation",
"Resize"
],
"catalog_category": "Layout",
"catalog_tags": [
"resizable",
"resize",
"panel",
"split",
"adjust"
],
"component_name": "Resizable",
"description": "Resizable panel component",
"family": "family-g-composite",
"has_semantic": true,
"id": "resizable",
"intent": "Split panels with draggable divider",
"label": "Resizable",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ResizeHandle",
"description": null,
"family": null,
"has_semantic": false,
"id": "resize-handle",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ScrollArea",
"description": null,
"family": null,
"has_semantic": false,
"id": "scroll-area",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "SectionHeader",
"description": null,
"family": null,
"has_semantic": false,
"id": "section-header",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"select",
"dropdown",
"choose",
"options",
"list",
"combo"
],
"component_name": "Select",
"description": "Dropdown select input",
"family": "family-c-forms",
"has_semantic": true,
"id": "select",
"intent": "Choose one option from a list",
"label": "Select",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Orientation"
],
"catalog_category": "Layout",
"catalog_tags": [
"separator",
"divider",
"line",
"hr",
"section"
],
"component_name": "Separator",
"description": "Visual divider line",
"family": "family-h-layout",
"has_semantic": true,
"id": "separator",
"intent": "Visually divide content sections",
"label": "Separator",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose",
"FocusTrap",
"KeyboardEsc"
],
"catalog_category": "Overlay",
"catalog_tags": [
"sheet",
"panel",
"lateral",
"slide",
"drawer",
"mobile"
],
"component_name": "Sheet",
"description": "Sheet panel overlay",
"family": "family-a-overlay",
"has_semantic": true,
"id": "sheet",
"intent": "Side panel for forms or navigation",
"label": "Sheet",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Navigation",
"catalog_tags": [
"sidebar",
"nav",
"navigation",
"links",
"left-panel"
],
"component_name": "Sidebar",
"description": "Sidebar navigation component",
"family": "family-d-navigation",
"has_semantic": true,
"id": "sidebar",
"intent": "Vertical navigation panel",
"label": "Sidebar",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Feedback",
"catalog_tags": [
"skeleton",
"loading",
"placeholder",
"shimmer"
],
"component_name": "Skeleton",
"description": "Loading skeleton placeholder",
"family": "family-e-feedback",
"has_semantic": true,
"id": "skeleton",
"intent": "Show placeholder while content loads",
"label": "Skeleton",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Value",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"slider",
"range",
"interval",
"volume",
"value",
"drag"
],
"component_name": "Slider",
"description": "Range slider input",
"family": "family-c-forms",
"has_semantic": true,
"id": "slider",
"intent": "Select a value within a range",
"label": "Slider",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Feedback",
"catalog_tags": [
"spinner",
"loading",
"circular",
"wait"
],
"component_name": "Spinner",
"description": "Loading spinner",
"family": "family-e-feedback",
"has_semantic": true,
"id": "spinner",
"intent": "Indicate loading or processing",
"label": "Spinner",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Display",
"catalog_tags": [
"stat",
"metric",
"number",
"kpi",
"indicator",
"value"
],
"component_name": "Stat",
"description": "Metric stat display",
"family": "family-f-data",
"has_semantic": true,
"id": "stat",
"intent": "Display a key metric with label",
"label": "Stat",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "StatusDot",
"description": null,
"family": null,
"has_semantic": false,
"id": "status-dot",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"switch",
"toggle",
"on",
"off",
"activate"
],
"component_name": "Switch",
"description": "Toggle switch on off",
"family": "family-c-forms",
"has_semantic": true,
"id": "switch",
"intent": "Toggle between on and off states",
"label": "Switch",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "TableWrapper",
"description": null,
"family": null,
"has_semantic": false,
"id": "table-wrapper",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Active"
],
"catalog_category": "Navigation",
"catalog_tags": [
"tabs",
"navigation",
"tab",
"sections",
"panels"
],
"component_name": "Tabs",
"description": "Tabbed navigation",
"family": "family-b-selection",
"has_semantic": true,
"id": "tabs",
"intent": "Switch between related content panels",
"label": "Tabs",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "Text",
"description": null,
"family": null,
"has_semantic": false,
"id": "text",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Value",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"textarea",
"multiline",
"comment",
"description",
"area"
],
"component_name": "Textarea",
"description": "Multi-line text input",
"family": "family-c-forms",
"has_semantic": true,
"id": "textarea",
"intent": "Capture multi-line text from user",
"label": "Textarea",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Feedback",
"catalog_tags": [
"toast",
"notification",
"snackbar",
"message",
"success",
"error"
],
"component_name": "Toast",
"description": "Toast notification message",
"family": "family-e-feedback",
"has_semantic": true,
"id": "toast",
"intent": "Show brief non-blocking notifications",
"label": "Toast",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "Toc",
"description": null,
"family": null,
"has_semantic": false,
"id": "toc",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Pressed",
"Disabled"
],
"catalog_category": "Form",
"catalog_tags": [
"toggle",
"activate",
"button",
"on",
"off",
"press"
],
"component_name": "Toggle",
"description": "Toggle button",
"family": "family-c-forms",
"has_semantic": true,
"id": "toggle",
"intent": "Toggle a pressed state",
"label": "Toggle",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "ToggleGroup",
"description": null,
"family": null,
"has_semantic": false,
"id": "toggle-group",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [],
"catalog_category": "Layout",
"catalog_tags": [
"toolbar",
"bar",
"actions",
"tools",
"editor",
"formatting"
],
"component_name": "Toolbar",
"description": "Action toolbar component",
"family": "family-d-navigation",
"has_semantic": true,
"id": "toolbar",
"intent": "Action toolbar region",
"label": "Toolbar",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"OpenClose"
],
"catalog_category": "Overlay",
"catalog_tags": [
"tooltip",
"hint",
"hover",
"info",
"help"
],
"component_name": "Tooltip",
"description": "Hover tooltip",
"family": "family-a-overlay",
"has_semantic": true,
"id": "tooltip",
"intent": "Show brief label on hover/focus",
"label": "Tooltip",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": [
"Selected"
],
"catalog_category": "Display",
"catalog_tags": [
"tree",
"hierarchy",
"nodes",
"structure",
"explorer"
],
"component_name": "Tree",
"description": "Tree view component",
"family": "family-b-selection",
"has_semantic": true,
"id": "tree",
"intent": "Display hierarchical data",
"label": "Tree",
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "VirtualList",
"description": null,
"family": null,
"has_semantic": false,
"id": "virtual-list",
"intent": null,
"label": null,
"type": "component",
"variants": []
},
{
"behavior": "unknown",
"capabilities": null,
"catalog_category": null,
"catalog_tags": null,
"component_name": "WorkerCard",
"description": null,
"family": null,
"has_semantic": false,
"id": "worker-card",
"intent": null,
"label": null,
"type": "component",
"variants": []
}
]
}