@adia-ai/a2ui-corpus 0.4.6 → 0.4.7

package/patterns/_components.json

@@ -1,3320 +0,0 @@
-{
-  "Accordion": {
-    "tag": "accordion-ui",
-    "category": "container",
-    "description": "Accordion container managing single/multiple open states.",
-    "props": {
-      "multiple": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Allow multiple items open"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "<accordion-item-ui text=\"...\" open>Content</accordion-item-ui>"
-  },
-  "AccordionItem": {
-    "tag": "accordion-item-ui",
-    "category": "container",
-    "description": "Individual accordion panel with expand/collapse toggle.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Section header text"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Expanded state"
-      }
-    },
-    "events": [
-      "toggle"
-    ],
-    "slots": [
-      "header",
-      "header-text",
-      "caret",
-      "default (content)"
-    ]
-  },
-  "ActionItem": {
-    "tag": "action-item-ui",
-    "category": "navigation",
-    "description": "A single action item inside an action-list-ui. Supports icon, text, and disabled state.",
-    "props": {
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name (renders icon-ui child)"
-      },
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Action label text"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Value emitted in action event detail"
-      },
-      "variant": {
-        "type": "String",
-        "default": "",
-        "description": "Visual style variant"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      }
-    },
-    "events": [],
-    "slots": [
-      "icon",
-      "text"
-    ]
-  },
-  "ActionList": {
-    "tag": "action-list-ui",
-    "category": "navigation",
-    "description": "Inline list of command actions with keyboard navigation. Fires action event when an item is clicked or activated via keyboard.",
-    "props": {},
-    "events": [
-      "action"
-    ],
-    "slots": [
-      "default (action-item-ui children)"
-    ]
-  },
-  "Alert": {
-    "tag": "alert-ui",
-    "category": "container",
-    "description": "Inline alert banner with optional icon and close button.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Alert message"
-      },
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "info",
-          "success",
-          "warning",
-          "error"
-        ],
-        "description": "Color variant"
-      },
-      "closable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show dismiss button"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Leading icon name"
-      }
-    },
-    "events": [
-      "close"
-    ],
-    "slots": [
-      "leading",
-      "content",
-      "close"
-    ]
-  },
-  "Avatar": {
-    "tag": "avatar-ui",
-    "category": "display",
-    "description": "Avatar with image \u2192 initials \u2192 empty fallback chain.",
-    "props": {
-      "src": {
-        "type": "String",
-        "default": "",
-        "description": "Image URL"
-      },
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Display name (for initials)"
-      },
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Name (backcompat alias for text)"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Avatar size"
-      },
-      "shape": {
-        "type": "String",
-        "default": "circle",
-        "enum": [
-          "circle",
-          "square"
-        ],
-        "description": "Avatar shape"
-      }
-    },
-    "events": [],
-    "slots": [
-      "img",
-      "initials"
-    ]
-  },
-  "AvatarGroup": {
-    "tag": "avatar-group-ui",
-    "category": "display",
-    "description": "Overlapping avatar stack with +N overflow counter.",
-    "props": {
-      "max": {
-        "type": "Number",
-        "default": 5,
-        "description": "Max visible avatars before overflow"
-      },
-      "size": {
-        "type": "String",
-        "default": "",
-        "description": "Propagated size to child avatars"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (avatar-ui children)",
-      "overflow (auto-stamped)"
-    ],
-    "children": "<avatar-ui> elements"
-  },
-  "Badge": {
-    "tag": "badge-ui",
-    "category": "display",
-    "description": "Inline pill-shaped badge / tag / chart-legend chip. Text via attr(text). Optional leading icon via icon=\"dot\" for legends and status pips.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Badge text"
-      },
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "accent",
-          "info",
-          "success",
-          "warning",
-          "danger"
-        ],
-        "description": "Color variant"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "sm",
-          "md"
-        ],
-        "description": "Badge size"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Optional leading icon (any registered name). Use \"dot\" for chart-legend / status pip chips. Inherits the variant's foreground color."
-      }
-    },
-    "events": [],
-    "slots": []
-  },
-  "Block": {
-    "tag": "block-ui",
-    "category": "layout",
-    "description": "Generic padded/margined content wrapper.",
-    "props": {
-      "padding": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "none",
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Padding size"
-      },
-      "margin": {
-        "type": "String",
-        "default": "none",
-        "enum": [
-          "none",
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Margin size"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Breadcrumb": {
-    "tag": "breadcrumb-ui",
-    "category": "navigation",
-    "description": "Breadcrumb trail with auto-inserted separators.",
-    "props": {
-      "separator": {
-        "type": "String",
-        "default": "/",
-        "description": "Separator character"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (link/text children)"
-    ]
-  },
-  "Button": {
-    "tag": "button-ui",
-    "category": "action",
-    "description": "Clickable button with text, icon, and variant support. Supports submit type for forms.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Button label text"
-      },
-      "variant": {
-        "type": "String",
-        "default": "solid",
-        "enum": [
-          "solid",
-          "primary",
-          "outline",
-          "ghost",
-          "danger"
-        ],
-        "description": "Visual style variant"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "sm",
-          "md",
-          "lg"
-        ],
-        "description": "Button size"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "block": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Full-width block layout"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name (renders icon-ui child)"
-      },
-      "type": {
-        "type": "String",
-        "default": "button",
-        "enum": [
-          "button",
-          "submit",
-          "reset"
-        ],
-        "description": "Button type"
-      }
-    },
-    "events": [
-      "press"
-    ],
-    "slots": [
-      "default (text content)",
-      "icon-ui (auto-stamped from icon prop)"
-    ]
-  },
-  "CalendarPicker": {
-    "tag": "calendar-picker-ui",
-    "category": "input",
-    "description": "Date picker with trigger button and popover calendar grid. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Selected date (ISO string)"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Field label"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "Select date...",
-        "description": "Trigger text when empty"
-      },
-      "format": {
-        "type": "String",
-        "default": "short",
-        "enum": [
-          "short",
-          "long",
-          "iso"
-        ],
-        "description": "Display format"
-      },
-      "min": {
-        "type": "String",
-        "default": "",
-        "description": "Minimum selectable date (ISO)"
-      },
-      "max": {
-        "type": "String",
-        "default": "",
-        "description": "Maximum selectable date (ISO)"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Popover open state"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [],
-    "aliases": [
-      "DateTimeInput",
-      "DatePicker"
-    ]
-  },
-  "Canvas": {
-    "tag": "canvas-ui",
-    "category": "container",
-    "description": "A2UI rendering surface. Host element for dynamically-rendered A2UI component trees from a generator or agent.",
-    "props": {
-      "theme": {
-        "type": "String",
-        "default": "",
-        "description": "Optional theme preset"
-      }
-    },
-    "events": [
-      "click",
-      "change",
-      "input",
-      "canvas-interaction"
-    ],
-    "slots": [
-      "default"
-    ],
-    "children": "Any A2UI components",
-    "aliases": [
-      "render-surface",
-      "a2ui-host"
-    ]
-  },
-  "Card": {
-    "tag": "card-ui",
-    "category": "container",
-    "description": "Bordered container with header, body, and footer sections.",
-    "props": {
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "outlined",
-          "filled",
-          "ghost"
-        ],
-        "description": "Visual style"
-      },
-      "size": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "sm",
-          "md",
-          "lg"
-        ],
-        "description": "Padding + font scale"
-      },
-      "elevation": {
-        "type": "Number",
-        "default": 1,
-        "description": "Shadow depth 0-3"
-      },
-      "raw": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Strip all chrome"
-      },
-      "draggable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enables drag handle + cursor:grab. Wires the draggable trait; dispatches drag-end."
-      }
-    },
-    "events": ["drag-end"],
-    "slots": [
-      "default"
-    ],
-    "children": "<header>, <section>, <footer> with slots: heading, description, action",
-    "aliases": [
-      "ErrorContainer"
-    ]
-  },
-  "Chart": {
-    "tag": "chart-ui",
-    "category": "agent",
-    "description": "Declarative SVG chart supporting bar, line, pie, donut, radar, sparkline, stacked-bar, grouped-bar, and multi-line types.",
-    "props": {
-      "type": {
-        "type": "String",
-        "default": "bar",
-        "enum": [
-          "bar",
-          "line",
-          "pie",
-          "donut",
-          "radar",
-          "sparkline",
-          "stacked-bar",
-          "grouped-bar",
-          "multi-line"
-        ],
-        "description": "Chart type"
-      },
-      "title": {
-        "type": "String",
-        "default": "",
-        "description": "Chart title"
-      },
-      "x": {
-        "type": "String",
-        "default": "",
-        "description": "X-axis data key"
-      },
-      "y": {
-        "type": "String",
-        "default": "",
-        "description": "Y-axis key(s), comma-separated for multi-series"
-      },
-      "hideAverage": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, suppress the overlaid average line",
-        "attribute": "hide-average"
-      },
-      "color": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "accent",
-          "success",
-          "warning",
-          "danger",
-          "info"
-        ],
-        "description": "Color scheme"
-      },
-      "hideGrid": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Hide gridlines",
-        "attribute": "hide-grid"
-      },
-      "hideValues": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Hide value labels",
-        "attribute": "hide-values"
-      },
-      "radius": {
-        "type": "Number",
-        "default": 4,
-        "description": "Bar corner radius"
-      },
-      "smooth": {
-        "type": "Number",
-        "default": 0.4,
-        "description": "Line smoothing factor"
-      },
-      "aspect": {
-        "type": "String",
-        "default": "wide",
-        "enum": [
-          "wide",
-          "square",
-          "tall"
-        ],
-        "description": "Aspect ratio"
-      },
-      "size": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "sm",
-          "md",
-          "lg"
-        ],
-        "description": "Chart size"
-      }
-    },
-    "events": [],
-    "jsApi": {
-      "data": "Array of data objects"
-    }
-  },
-  "Chat": {
-    "tag": "chat-ui",
-    "category": "agent",
-    "description": "Chat conversation container. Stacks chat bubbles or message rows vertically. Use with Text[role=user|assistant] children for a conversation transcript.",
-    "props": {
-      "streaming": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show streaming/typing indicator on last message"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "Text[role], Row, or chat-row fragments",
-    "aliases": [
-      "conversation",
-      "chat-log",
-      "message-thread"
-    ]
-  },
-  "CheckBox": {
-    "tag": "check-ui",
-    "category": "input",
-    "description": "Checkbox control with pure CSS checkmark. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Form value when checked"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "checked": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Checked state"
-      },
-      "indeterminate": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Indeterminate (mixed) state"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Accessible label"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "box"
-    ]
-  },
-  "ChoicePicker": {
-    "tag": "select-ui",
-    "category": "input",
-    "description": "Dropdown select with popover listbox. Supports option groups, icons, avatars, search, and multi-select.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Selected value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "readonly": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Read-only state"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "Select...",
-        "description": "Placeholder text"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Popover open state"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Field label"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Leading icon name"
-      },
-      "avatar": {
-        "type": "String",
-        "default": "",
-        "description": "Leading avatar URL"
-      },
-      "multiple": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Allow multi-select"
-      },
-      "searchable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable search filtering (combobox mode)"
-      },
-      "free-text": {
-        "type": "Boolean",
-        "default": false,
-        "description": "With searchable: commit the typed query on Enter when no option matches (unconstrained autocomplete)"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "trigger",
-      "display",
-      "listbox",
-      "caret"
-    ],
-    "children": "<option value=\"...\">Label</option> or <optgroup label=\"...\"><option>...</option></optgroup>"
-  },
-  "Code": {
-    "tag": "code-ui",
-    "category": "display",
-    "description": "Inline or block code display with optional language label and copy button.",
-    "props": {
-      "language": {
-        "type": "String",
-        "default": "",
-        "description": "Language label"
-      },
-      "inline": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Inline code (vs block)"
-      }
-    },
-    "events": [],
-    "slots": [
-      "header",
-      "label",
-      "copy",
-      "code"
-    ],
-    "children": "Text content (code source)"
-  },
-  "ColorPicker": {
-    "tag": "color-picker-ui",
-    "category": "input",
-    "description": "OKLCH-native color picker with 2D area and H/C/L sliders. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Color value (hex or oklch)"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "format": {
-        "type": "String",
-        "default": "hex",
-        "enum": [
-          "hex",
-          "oklch"
-        ],
-        "description": "Output format"
-      }
-    },
-    "events": [
-      "input",
-      "change"
-    ],
-    "slots": []
-  },
-  "Column": {
-    "tag": "col-ui",
-    "category": "layout",
-    "description": "Flex column layout primitive.",
-    "props": {
-      "justify": {
-        "type": "String",
-        "default": "start",
-        "description": "Justify content"
-      },
-      "align": {
-        "type": "String",
-        "default": "stretch",
-        "description": "Align items"
-      },
-      "gap": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Gap between children"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Command": {
-    "tag": "command-ui",
-    "category": "container",
-    "description": "Searchable command palette with keyboard navigation.",
-    "props": {
-      "placeholder": {
-        "type": "String",
-        "default": "Type a command...",
-        "description": "Input placeholder"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Visibility"
-      }
-    },
-    "events": [
-      "select",
-      "dismiss"
-    ],
-    "slots": [
-      "icon",
-      "input",
-      "list"
-    ],
-    "children": "<optgroup label=\"...\"><option value=\"...\" data-icon=\"...\" data-shortcut=\"...\">Label</option></optgroup>",
-    "aliases": [
-      "CommandPalette"
-    ]
-  },
-  "DescriptionList": {
-    "tag": "description-list-ui",
-    "category": "display",
-    "description": "Semantic key-value metadata list. Wraps native dl/dt/dd semantics with grid layout. Stacked (term above) or inline (term : value on one row).",
-    "props": {
-      "layout": {
-        "type": "String",
-        "default": "stacked",
-        "enum": [
-          "stacked",
-          "inline"
-        ],
-        "description": "Term placement relative to value"
-      },
-      "align": {
-        "type": "String",
-        "default": "start",
-        "enum": [
-          "start",
-          "between"
-        ],
-        "description": "Alignment for inline layout"
-      },
-      "items": {
-        "type": "Array",
-        "default": [],
-        "description": "Optional JSON array of {term, description} pairs (alternative to <dt>/<dd> children)"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "<dt>Term</dt><dd>Value</dd> pairs"
-  },
-  "Divider": {
-    "tag": "divider-ui",
-    "category": "display",
-    "description": "Horizontal or vertical divider with optional label.",
-    "props": {
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Center label text"
-      },
-      "vertical": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Vertical orientation"
-      }
-    },
-    "events": [],
-    "slots": [
-      "label"
-    ]
-  },
-  "Drawer": {
-    "tag": "drawer-ui",
-    "category": "container",
-    "description": "Slide-out panel anchored to a viewport edge. Uses native <dialog>.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Drawer title"
-      },
-      "side": {
-        "type": "String",
-        "default": "right",
-        "enum": [
-          "left",
-          "right",
-          "top",
-          "bottom"
-        ],
-        "description": "Anchor side"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "description": "Panel width/height"
-      },
-      "permanent": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, hide close button and suppress backdrop/Escape dismiss"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Open/closed state"
-      }
-    },
-    "events": [
-      "close"
-    ],
-    "slots": [
-      "dialog",
-      "panel",
-      "header",
-      "close",
-      "body"
-    ],
-    "methods": [
-      "show()",
-      "hide()"
-    ]
-  },
-  "Embed": {
-    "tag": "embed-ui",
-    "category": "agent",
-    "description": "Responsive sandboxed iframe wrapper.",
-    "props": {
-      "src": {
-        "type": "String",
-        "default": "",
-        "description": "Iframe URL"
-      },
-      "height": {
-        "type": "String",
-        "default": "400",
-        "description": "Iframe height"
-      },
-      "width": {
-        "type": "String",
-        "default": "100%",
-        "description": "Iframe width"
-      },
-      "aspect": {
-        "type": "String",
-        "default": "",
-        "description": "CSS aspect-ratio (e.g. 16/9)"
-      }
-    },
-    "events": [],
-    "slots": []
-  },
-  "EmptyState": {
-    "tag": "empty-state-ui",
-    "category": "display",
-    "description": "Placeholder for empty views with icon, heading, description, and action slot.",
-    "props": {
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name"
-      },
-      "heading": {
-        "type": "String",
-        "default": "",
-        "description": "Heading text"
-      },
-      "description": {
-        "type": "String",
-        "default": "",
-        "description": "Description text"
-      }
-    },
-    "events": [],
-    "slots": [
-      "icon",
-      "heading",
-      "description",
-      "action"
-    ]
-  },
-  "Footer": {
-    "tag": "footer-ui",
-    "category": "container",
-    "description": "Card footer. Contains actions, pagination, or summary. Typically holds Buttons.",
-    "props": {
-      "justify": {
-        "type": "string",
-        "enum": [
-          "start",
-          "end",
-          "center",
-          "between"
-        ],
-        "default": "end",
-        "description": "Horizontal alignment of children"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Grid": {
-    "tag": "grid-ui",
-    "category": "layout",
-    "description": "CSS grid layout primitive.",
-    "props": {
-      "columns": {
-        "type": "String",
-        "default": "3",
-        "description": "Number of columns or grid-template-columns"
-      },
-      "gap": {
-        "type": "String",
-        "default": "md",
-        "description": "Grid gap"
-      },
-      "columnGap": {
-        "type": "String",
-        "default": "",
-        "description": "Column gap override",
-        "attribute": "column-gap"
-      },
-      "rowGap": {
-        "type": "String",
-        "default": "",
-        "description": "Row gap override",
-        "attribute": "row-gap"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Header": {
-    "tag": "header-ui",
-    "category": "container",
-    "description": "Card header. Contains heading text and optional action slot.",
-    "props": {},
-    "events": [],
-    "slots": [
-      "default",
-      "action"
-    ]
-  },
-  "Heatmap": {
-    "tag": "heatmap-ui",
-    "category": "data-display",
-    "description": "Grid heatmap with 5-bucket data ramp — supports day-grid (GitHub contributions), matrix, and density modes.",
-    "props": {
-      "type": {
-        "type": "String",
-        "default": "matrix",
-        "enum": ["day-grid", "matrix", "density"],
-        "description": "Heatmap type"
-      },
-      "rows": {
-        "type": "Number",
-        "default": 7,
-        "description": "Row count"
-      },
-      "cols": {
-        "type": "Number",
-        "default": 12,
-        "description": "Column count"
-      },
-      "scale": {
-        "type": "String",
-        "default": "linear",
-        "enum": ["linear", "log", "quantile"],
-        "description": "Value-to-bucket scale"
-      },
-      "noLegend": {
-        "type": "Boolean",
-        "default": false,
-        "attribute": "no-legend",
-        "description": "Hide the Less/More legend strip"
-      },
-      "colorScheme": {
-        "type": "String",
-        "default": "data-ramp",
-        "enum": ["accent", "success", "warning", "data-ramp"],
-        "attribute": "color-scheme",
-        "description": "Color ramp"
-      },
-      "startDate": {
-        "type": "String",
-        "default": "",
-        "attribute": "start-date",
-        "description": "ISO start date; labels months in day-grid mode"
-      },
-      "aspect": {
-        "type": "String",
-        "default": "wide",
-        "enum": ["square", "wide"],
-        "description": "Aspect ratio"
-      }
-    },
-    "events": ["cell-hover", "cell-click"],
-    "slots": ["title"],
-    "jsApi": {
-      "data": "Array of { r, c, v, label? } cell records"
-    }
-  },
-  "Icon": {
-    "tag": "icon-ui",
-    "category": "display",
-    "description": "SVG icon from the icon registry. Renders inline SVG from getIcon().",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name from registry"
-      },
-      "size": {
-        "type": "String",
-        "default": "",
-        "description": "Icon size"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Accessible label (role=img when set)"
-      }
-    },
-    "events": [],
-    "slots": []
-  },
-  "Image": {
-    "tag": "image-ui",
-    "category": "display",
-    "description": "Lazy-loading image with skeleton fallback. Shows skeleton while loading, falls back on error.",
-    "props": {
-      "src": {
-        "type": "String",
-        "default": "",
-        "description": "Image URL"
-      },
-      "alt": {
-        "type": "String",
-        "default": "",
-        "description": "Alt text"
-      },
-      "width": {
-        "type": "String",
-        "default": "",
-        "description": "CSS width"
-      },
-      "height": {
-        "type": "String",
-        "default": "",
-        "description": "CSS height"
-      },
-      "fit": {
-        "type": "String",
-        "default": "cover",
-        "enum": [
-          "cover",
-          "contain",
-          "fill",
-          "none"
-        ],
-        "description": "Object-fit mode"
-      },
-      "radius": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "sm",
-          "md",
-          "lg",
-          "full"
-        ],
-        "description": "Border radius token"
-      },
-      "fallback": {
-        "type": "String",
-        "default": "",
-        "description": "Fallback image URL on error"
-      }
-    },
-    "events": [],
-    "slots": [
-      "skeleton",
-      "image"
-    ]
-  },
-  "Input": {
-    "tag": "input-ui",
-    "category": "input",
-    "description": "Text input field with contenteditable or native input. Supports prefix/suffix icons, label, and form participation.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Current value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for form validation"
-      },
-      "readonly": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Read-only state"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error message"
-      },
-      "pattern": {
-        "type": "String",
-        "default": "",
-        "description": "Regex pattern for validation"
-      },
-      "minlength": {
-        "type": "Number",
-        "default": null,
-        "description": "Minimum character length"
-      },
-      "maxlength": {
-        "type": "Number",
-        "default": null,
-        "description": "Maximum character length"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "",
-        "description": "Placeholder text"
-      },
-      "type": {
-        "type": "String",
-        "default": "text",
-        "enum": [
-          "text",
-          "email",
-          "password",
-          "number",
-          "tel",
-          "url",
-          "search"
-        ],
-        "description": "Input type"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Field label"
-      },
-      "prefix": {
-        "type": "String",
-        "default": "",
-        "description": "Prefix icon name"
-      },
-      "suffix": {
-        "type": "String",
-        "default": "",
-        "description": "Suffix icon name"
-      },
-      "raw": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Raw mode (no chrome)"
-      }
-    },
-    "events": [
-      "input",
-      "change",
-      "submit"
-    ],
-    "slots": [
-      "label",
-      "field",
-      "text",
-      "prefix",
-      "suffix"
-    ],
-    "aliases": [
-      "TextField"
-    ]
-  },
-  "Inspector": {
-    "tag": "inspector-ui",
-    "category": "display",
-    "description": "Property-grid / developer-tools inspector pane. Dockable right-side surface for inspecting object state, record details, or A2UI component trees. Typical use: detail view in master-detail layouts.",
-    "props": {
-      "active": {
-        "type": "String",
-        "default": "surface",
-        "description": "Active tab / view mode"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "DescriptionList, Tabs, or property rows",
-    "aliases": [
-      "object-inspector",
-      "property-grid",
-      "record-detail",
-      "devtools-pane"
-    ]
-  },
-  "Kbd": {
-    "tag": "kbd-ui",
-    "category": "display",
-    "description": "Keyboard key cap. Purely decorative, content from innerHTML.",
-    "props": {
-      "size": {
-        "type": "String",
-        "default": "",
-        "description": "Size variant"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (key text)"
-    ],
-    "aliases": [
-      "Keyboard"
-    ]
-  },
-  "List": {
-    "tag": "list-ui",
-    "category": "layout",
-    "description": "Styled list with optional icons, dividers, and selection (selectable + selected-key).",
-    "props": {
-      "divider": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show dividers between items"
-      },
-      "spacing": {
-        "type": "String",
-        "default": "md",
-        "description": "Item spacing"
-      },
-      "selectable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable selection on child listitems (roving tabindex + aria-selected)."
-      },
-      "selectedKey": {
-        "type": "String",
-        "default": "",
-        "attribute": "selected-key",
-        "description": "ID (or data-key) of the currently-selected child listitem."
-      }
-    },
-    "events": ["selection-change"],
-    "slots": [
-      "default"
-    ],
-    "children": "<list-item-ui icon=\"...\" text=\"...\" description=\"...\"></list-item-ui>"
-  },
-  "Menu": {
-    "tag": "menu-ui",
-    "category": "container",
-    "description": "Dropdown action menu with roving focus and keyboard navigation. Uses Popover API.",
-    "props": {
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Menu open state"
-      },
-      "placement": {
-        "type": "String",
-        "default": "bottom-start",
-        "description": "Popover placement"
-      },
-      "gap": {
-        "type": "Number",
-        "default": 4,
-        "description": "Gap in px"
-      }
-    },
-    "events": [
-      "action"
-    ],
-    "slots": [
-      "trigger"
-    ],
-    "children": "<menu-item-ui icon=\"...\" text=\"...\" value=\"...\" variant=\"danger\"> and <menu-divider-ui>",
-    "methods": [
-      "show()",
-      "hide()",
-      "toggle()"
-    ]
-  },
-  "MenuDivider": {
-    "tag": "menu-divider-ui",
-    "category": "navigation",
-    "description": "Visual separator between groups of menu items inside a menu-ui.",
-    "props": {},
-    "events": [],
-    "slots": []
-  },
-  "MenuItem": {
-    "tag": "menu-item-ui",
-    "category": "navigation",
-    "description": "A single menu item inside a menu-ui dropdown. Supports icon, text, variant, and disabled state.",
-    "props": {
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name (renders icon-ui child)"
-      },
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Menu item label text"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Value emitted in action event detail"
-      },
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "danger"
-        ],
-        "description": "Visual style variant"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      }
-    },
-    "events": [],
-    "slots": [
-      "icon",
-      "text"
-    ]
-  },
-  "Modal": {
-    "tag": "modal-ui",
-    "category": "container",
-    "description": "Centered dialog overlay using native <dialog>. Focus trapping, Escape key, backdrop.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Modal title"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Panel size"
-      },
-      "permanent": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, hide close button and suppress backdrop/Escape dismiss"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Open/closed state"
-      }
-    },
-    "events": [
-      "close"
-    ],
-    "slots": [
-      "dialog",
-      "panel",
-      "header",
-      "close",
-      "body",
-      "footer"
-    ],
-    "methods": [
-      "show()",
-      "hide()"
-    ],
-    "aliases": [
-      "Dialog"
-    ]
-  },
-  "Nav": {
-    "tag": "nav-ui",
-    "category": "navigation",
-    "description": "Collapsible navigation sidebar with groups and items.",
-    "props": {
-      "collapsed": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Collapsed mode (icons only)"
-      }
-    },
-    "events": [
-      "nav-select"
-    ],
-    "slots": [
-      "default"
-    ],
-    "children": "<nav-group-ui icon=\"...\" text=\"...\" badge=\"...\"><nav-item-ui text=\"...\" value=\"...\"></nav-item-ui></nav-group-ui>"
-  },
-  "Noodles": {
-    "tag": "noodles-ui",
-    "category": "agent",
-    "description": "SVG connection lines (noodles) between children with declared ports. Supports bezier, step, and straight curves.",
-    "props": {
-      "editable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Allow interactive editing"
-      },
-      "color": {
-        "type": "String",
-        "default": "",
-        "description": "Line color"
-      },
-      "strokeWidth": {
-        "type": "Number",
-        "default": 2,
-        "description": "Line stroke width",
-        "attribute": "stroke-width"
-      },
-      "tension": {
-        "type": "Number",
-        "default": 0.5,
-        "description": "Bezier tension"
-      },
-      "showPorts": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show port indicators",
-        "attribute": "show-ports"
-      },
-      "portSize": {
-        "type": "Number",
-        "default": 10,
-        "description": "Port indicator size",
-        "attribute": "port-size"
-      },
-      "curve": {
-        "type": "String",
-        "default": "bezier",
-        "enum": [
-          "bezier",
-          "step",
-          "straight"
-        ],
-        "description": "Curve mode"
-      },
-      "animated": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Animate connections"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disable interaction"
-      }
-    },
-    "events": [
-      "noodle-connect",
-      "noodle-disconnect"
-    ],
-    "jsApi": {
-      "connections": "Array of connection objects",
-      "connect()": "Create connection",
-      "disconnect()": "Remove connection"
-    },
-    "children": "<div data-noodle-port=\"left right\">Node content</div>"
-  },
-  "OtpInput": {
-    "tag": "otp-input-ui",
-    "category": "input",
-    "description": "One-time password input with individual digit boxes. Auto-advances on entry, backs up on delete.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Current OTP value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "length": {
-        "type": "Number",
-        "default": 6,
-        "description": "Number of digits"
-      }
-    },
-    "events": [
-      "input",
-      "complete"
-    ],
-    "slots": [
-      "digit (auto-stamped input elements)"
-    ],
-    "aliases": [
-      "OTP"
-    ]
-  },
-  "Pagination": {
-    "tag": "pagination-ui",
-    "category": "navigation",
-    "description": "Page navigation with prev/next buttons, page numbers, and ellipsis.",
-    "props": {
-      "page": {
-        "type": "Number",
-        "default": 1,
-        "description": "Current page"
-      },
-      "total": {
-        "type": "Number",
-        "default": 1,
-        "description": "Total pages"
-      },
-      "siblings": {
-        "type": "Number",
-        "default": 1,
-        "description": "Visible siblings around current"
-      },
-      "variant": {
-        "type": "String",
-        "default": "",
-        "description": "Visual variant"
-      }
-    },
-    "events": [
-      "page-change"
-    ],
-    "slots": [
-      "nav"
-    ]
-  },
-  "Pane": {
-    "tag": "pane-ui",
-    "category": "container",
-    "description": "Resizable, collapsible panel. Use as a named pane inside a three-pane shell or split layout. Supports min/max width constraints. Pair with <row-ui> or <grid-ui> for multi-pane views.",
-    "props": {
-      "collapsed": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Render in collapsed state"
-      },
-      "resizable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable drag-to-resize handle"
-      },
-      "minWidth": {
-        "type": "Number",
-        "default": 200,
-        "description": "Minimum width in pixels",
-        "attribute": "min-width"
-      },
-      "maxWidth": {
-        "type": "Number",
-        "default": 9999,
-        "description": "Maximum width in pixels",
-        "attribute": "max-width"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "Any layout or content components",
-    "aliases": [
-      "split-pane",
-      "side-panel",
-      "resizable-panel",
-      "detail-pane",
-      "list-pane",
-      "context-pane"
-    ]
-  },
-  "Panel": {
-    "tag": "pane-ui",
-    "category": "container",
-    "description": "Collapsible, resizable panel with sections.",
-    "props": {
-      "collapsed": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Collapsed state"
-      },
-      "resizable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable drag-to-resize"
-      },
-      "minWidth": {
-        "type": "Number",
-        "default": 200,
-        "description": "Min width when resizing",
-        "attribute": "min-width"
-      },
-      "maxWidth": {
-        "type": "Number",
-        "default": 9999,
-        "description": "Max width when resizing",
-        "attribute": "max-width"
-      }
-    },
-    "events": [],
-    "slots": [
-      "resize"
-    ],
-    "children": "<header>, <section>, <footer>",
-    "methods": [
-      "toggle()"
-    ],
-    "aliases": [
-      "Pane"
-    ]
-  },
-  "PipelineStatus": {
-    "tag": "pipeline-status-ui",
-    "category": "display",
-    "description": "Single-line pipeline / job status indicator with stage, message, and complete boolean. Use for deploy status, batch job progress, CI pipeline state.",
-    "props": {
-      "stage": {
-        "type": "String",
-        "default": "",
-        "description": "Current stage label"
-      },
-      "message": {
-        "type": "String",
-        "default": "",
-        "description": "Detail message"
-      },
-      "complete": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Mark as complete"
-      }
-    },
-    "events": [],
-    "slots": [],
-    "children": "(none)",
-    "aliases": [
-      "job-status",
-      "deploy-status",
-      "pipeline-indicator"
-    ]
-  },
-  "Popover": {
-    "tag": "popover-ui",
-    "category": "container",
-    "description": "Popover using Popover API + CSS Anchor Positioning. Triggers: click, hover, manual.",
-    "props": {
-      "placement": {
-        "type": "String",
-        "default": "bottom",
-        "enum": [
-          "top",
-          "bottom",
-          "left",
-          "right",
-          "top-start",
-          "top-end",
-          "bottom-start",
-          "bottom-end"
-        ],
-        "description": "Popover placement"
-      },
-      "gap": {
-        "type": "Number",
-        "default": 4,
-        "description": "Gap between trigger and content (px)"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Open state"
-      },
-      "trigger": {
-        "type": "String",
-        "default": "click",
-        "enum": [
-          "click",
-          "hover",
-          "manual"
-        ],
-        "description": "Trigger mode"
-      }
-    },
-    "events": [],
-    "slots": [
-      "trigger",
-      "content"
-    ],
-    "methods": [
-      "show()",
-      "hide()",
-      "toggle()"
-    ]
-  },
-  "Progress": {
-    "tag": "progress-ui",
-    "category": "display",
-    "description": "Progress indicator. Bar (default) or spinner. Value < 0 = indeterminate.",
-    "props": {
-      "value": {
-        "type": "Number",
-        "default": -1,
-        "description": "Progress 0-100 (-1 = indeterminate)"
-      },
-      "variant": {
-        "type": "String",
-        "default": "bar",
-        "enum": [
-          "bar",
-          "spinner"
-        ],
-        "description": "Display variant"
-      }
-    },
-    "events": [],
-    "slots": [
-      "track",
-      "fill"
-    ],
-    "aliases": [
-      "LoadingIndicator"
-    ]
-  },
-  "ProgressRow": {
-    "tag": "progress-row-ui",
-    "category": "data",
-    "description": "Inline labeled progress row with label, progress bar, and meta text. Used for storage quotas, capacity breakdowns, usage indicators.",
-    "props": {
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Left-hand label text"
-      },
-      "value": {
-        "type": "Number",
-        "default": -1,
-        "description": "Progress value 0-100 (-1 = indeterminate)"
-      },
-      "meta": {
-        "type": "String",
-        "default": "",
-        "description": "Right-hand meta text (e.g. '32 GB', '4.2k / 10k')"
-      },
-      "variant": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "success",
-          "warning",
-          "danger"
-        ],
-        "description": "Color variant for the progress fill"
-      }
-    },
-    "events": [],
-    "slots": [
-      "label",
-      "meta"
-    ]
-  },
-  "Radio": {
-    "tag": "radio-ui",
-    "category": "input",
-    "description": "Radio button with pure CSS dot. Groups by name attribute. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name (groups radios)"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Radio value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "checked": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Selected state"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Accessible label"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "dot"
-    ]
-  },
-  "Range": {
-    "tag": "range-ui",
-    "category": "input",
-    "description": "Draggable numeric field \u2014 horizontal drag on the value changes it. No track/thumb, the entire field is the scrubber. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "Number",
-        "default": 0,
-        "description": "Current value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "min": {
-        "type": "Number",
-        "default": 0,
-        "description": "Minimum value"
-      },
-      "max": {
-        "type": "Number",
-        "default": 100,
-        "description": "Maximum value"
-      },
-      "step": {
-        "type": "Number",
-        "default": 1,
-        "description": "Step increment"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Label text"
-      },
-      "suffix": {
-        "type": "String",
-        "default": "",
-        "description": "Value suffix"
-      }
-    },
-    "events": [
-      "input",
-      "change"
-    ],
-    "slots": [
-      "field",
-      "label",
-      "value",
-      "suffix",
-      "layer"
-    ]
-  },
-  "Rating": {
-    "tag": "rating-ui",
-    "category": "form",
-    "description": "Pictorial discrete rating (stars by default) with optional half-step precision. Supports keyboard, hover preview, form participation.",
-    "props": {
-      "value": {
-        "type": "Number",
-        "default": 0,
-        "description": "Current rating value (0..max)"
-      },
-      "max": {
-        "type": "Number",
-        "default": 5,
-        "description": "Number of symbols"
-      },
-      "icon": {
-        "type": "String",
-        "default": "star",
-        "description": "Phosphor icon name (star, heart, thumbs-up, etc)"
-      },
-      "readonly": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Display-only, no interaction"
-      },
-      "allowHalf": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable 0.5-step precision"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "sm",
-          "md",
-          "lg"
-        ],
-        "description": "Symbol size"
-      },
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "accent",
-          "warning"
-        ],
-        "description": "Color variant for filled symbols"
-      },
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": []
-  },
-  "Richtext": {
-    "tag": "richtext-ui",
-    "category": "display",
-    "description": "Renders a markdown string to styled HTML. Use for agent-generated content, docs previews, or any stored markdown body.",
-    "props": {
-      "src": {
-        "type": "String",
-        "default": "",
-        "description": "URL to fetch markdown from"
-      },
-      "markdown": {
-        "type": "String",
-        "default": "",
-        "description": "Inline markdown source"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "(none \u2014 uses markdown prop)",
-    "aliases": [
-      "markdown",
-      "md-render",
-      "rich-text"
-    ]
-  },
-  "Row": {
-    "tag": "row-ui",
-    "category": "layout",
-    "description": "Flex row layout primitive.",
-    "props": {
-      "justify": {
-        "type": "String",
-        "default": "start",
-        "description": "Justify content"
-      },
-      "align": {
-        "type": "String",
-        "default": "center",
-        "description": "Align items"
-      },
-      "gap": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl"
-        ],
-        "description": "Gap between children"
-      },
-      "wrap": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable flex wrap"
-      },
-      "draggable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enables drag handle + cursor:grab. Wires the draggable trait; dispatches drag-end."
-      }
-    },
-    "events": ["drag-end"],
-    "slots": [
-      "default"
-    ]
-  },
-  "Search": {
-    "tag": "search-ui",
-    "category": "input",
-    "description": "Search input with magnifying-glass icon, clear button, and debounced search event.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Search query"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "Search...",
-        "description": "Placeholder text"
-      },
-      "debounce": {
-        "type": "Number",
-        "default": 300,
-        "description": "Debounce delay in ms"
-      }
-    },
-    "events": [
-      "input",
-      "search"
-    ],
-    "slots": [],
-    "children": "Composes input-ui internally"
-  },
-  "Section": {
-    "tag": "section-ui",
-    "category": "container",
-    "description": "Content section inside a Card. Groups related content between Header and Footer.",
-    "props": {
-      "grow": {
-        "type": "boolean",
-        "default": false,
-        "description": "Expand to fill available space"
-      },
-      "scroll": {
-        "type": "boolean",
-        "default": false,
-        "description": "Enable overflow scrolling"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Segment": {
-    "tag": "segment-ui",
-    "category": "navigation",
-    "description": "Individual segment option, child of segmented-ui.",
-    "props": {
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Segment value"
-      },
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Display text"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disable this segment"
-      }
-    },
-    "events": [],
-    "slots": []
-  },
-  "SegmentedControl": {
-    "tag": "segmented-ui",
-    "category": "navigation",
-    "description": "Mutually exclusive toggle group with animated indicator pill. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Selected value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "default"
-    ],
-    "children": "<segment-ui value=\"...\" text=\"...\"></segment-ui>",
-    "aliases": [
-      "Segmented"
-    ]
-  },
-  "Select": {
-    "tag": "select-ui",
-    "category": "input",
-    "description": "Alias for ChoicePicker. Dropdown select with options.",
-    "aliasOf": "ChoicePicker",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Selected value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "readonly": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Read-only state"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "Select...",
-        "description": "Placeholder text"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Popover open state"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Field label"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Leading icon name"
-      },
-      "avatar": {
-        "type": "String",
-        "default": "",
-        "description": "Leading avatar URL"
-      },
-      "multiple": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Allow multi-select"
-      },
-      "searchable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable search filtering"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "trigger",
-      "display",
-      "listbox",
-      "caret"
-    ]
-  },
-  "Skeleton": {
-    "tag": "skeleton-ui",
-    "category": "display",
-    "description": "Placeholder shimmer for loading states. Purely presentational.",
-    "props": {
-      "width": {
-        "type": "String",
-        "default": "100%",
-        "description": "Element width"
-      },
-      "height": {
-        "type": "String",
-        "default": "1.2em",
-        "description": "Element height"
-      },
-      "radius": {
-        "type": "String",
-        "default": "sm",
-        "enum": [
-          "none",
-          "sm",
-          "md",
-          "lg",
-          "full"
-        ],
-        "description": "Border radius"
-      },
-      "static": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, suppress the shimmer animation"
-      }
-    },
-    "events": [],
-    "slots": []
-  },
-  "Slider": {
-    "tag": "slider-ui",
-    "category": "input",
-    "description": "Range slider with track, fill, and thumb. Supports label, suffix, and keyboard control. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "Number",
-        "default": 50,
-        "description": "Current value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "min": {
-        "type": "Number",
-        "default": 0,
-        "description": "Minimum value"
-      },
-      "max": {
-        "type": "Number",
-        "default": 100,
-        "description": "Maximum value"
-      },
-      "step": {
-        "type": "Number",
-        "default": 1,
-        "description": "Step increment"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Slider label"
-      },
-      "suffix": {
-        "type": "String",
-        "default": "",
-        "description": "Value suffix text"
-      }
-    },
-    "events": [
-      "input",
-      "change"
-    ],
-    "slots": [
-      "header",
-      "label",
-      "readout",
-      "value",
-      "suffix",
-      "track",
-      "fill",
-      "thumb"
-    ]
-  },
-  "Stack": {
-    "tag": "stack-ui",
-    "category": "layout",
-    "description": "Grid overlay layout \u2014 children stack on top of each other.",
-    "props": {
-      "align": {
-        "type": "String",
-        "default": "center",
-        "description": "Alignment of stacked items"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ]
-  },
-  "Stat": {
-    "tag": "stat-ui",
-    "category": "display",
-    "description": "Metric/KPI display \u2014 value + label + optional change indicator and trend.",
-    "props": {
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Main metric value"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Metric label"
-      },
-      "change": {
-        "type": "String",
-        "default": "",
-        "description": "Change text (e.g. +12%)"
-      },
-      "trend": {
-        "type": "String",
-        "default": "",
-        "enum": [
-          "up",
-          "down",
-          "neutral"
-        ],
-        "description": "Trend direction"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name"
-      }
-    },
-    "events": [],
-    "slots": [
-      "value",
-      "label",
-      "change",
-      "icon"
-    ]
-  },
-  "Stream": {
-    "tag": "stream-ui",
-    "category": "agent",
-    "description": "Renders an AsyncIterable<string> as streaming text. Used for LLM output and real-time logs.",
-    "props": {
-      "pace": {
-        "type": "Number",
-        "default": 0,
-        "description": "Ms between character renders (0 = real-time)"
-      },
-      "hide-cursor": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, suppress the blinking cursor during streaming"
-      },
-      "streaming": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Read-only streaming state"
-      }
-    },
-    "events": [
-      "stream-start",
-      "stream-end",
-      "stream-error"
-    ],
-    "jsApi": {
-      "tokens": "AsyncIterable<string> \u2014 the stream source"
-    }
-  },
-  "Swiper": {
-    "tag": "swiper-ui",
-    "category": "agent",
-    "description": "CSS-first carousel with scroll-snap. Supports autoplay, loop, peek, and native scroll markers.",
-    "props": {
-      "autoplay": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable auto-advance"
-      },
-      "interval": {
-        "type": "Number",
-        "default": 5000,
-        "description": "Autoplay interval in ms"
-      },
-      "no-pause-on-hover": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, keep autoplay running while pointer is over the swiper (default: pauses on hover/focus)"
-      },
-      "loop": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Infinite loop"
-      },
-      "peek": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show peek of adjacent slides"
-      },
-      "snap": {
-        "type": "String",
-        "default": "start",
-        "description": "Scroll snap alignment"
-      },
-      "gap": {
-        "type": "String",
-        "default": "",
-        "description": "Gap between slides"
-      },
-      "slides-per-view": {
-        "type": "String",
-        "default": "",
-        "description": "Number of visible slides"
-      }
-    },
-    "events": [
-      "change",
-      "autoplay-pause",
-      "autoplay-resume"
-    ],
-    "slots": [
-      "default (slide children)"
-    ],
-    "aliases": [
-      "Slideshow",
-      "Carousel"
-    ]
-  },
-  "Tab": {
-    "tag": "tab-ui",
-    "category": "container",
-    "description": "Single tab panel, child of tabs-ui. Button rendered by parent.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Tab label"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Tab identifier"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Tab icon name"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disable this tab"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (tab panel content)"
-    ]
-  },
-  "Table": {
-    "tag": "table-ui",
-    "category": "agent",
-    "description": "Data table with sorting, selection, pagination, search, column resize, keyboard nav, cell types, and CSV export. CSS grid + ARIA grid roles.",
-    "props": {
-      "sortable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable column sorting"
-      },
-      "selectable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable row selection checkboxes"
-      },
-      "expandable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Enable row expansion"
-      },
-      "striped": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Alternating row backgrounds"
-      },
-      "raw": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Raw mode"
-      },
-      "density": {
-        "type": "String",
-        "default": "standard",
-        "enum": [
-          "compact",
-          "standard",
-          "comfortable"
-        ],
-        "description": "Row density"
-      },
-      "paginate": {
-        "type": "Number",
-        "default": 0,
-        "description": "Rows per page (0 = no pagination)"
-      },
-      "loading": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show loading overlay"
-      },
-      "search": {
-        "type": "String",
-        "default": "",
-        "description": "Global search filter"
-      }
-    },
-    "events": [
-      "sort",
-      "select",
-      "page",
-      "resize",
-      "cell-click"
-    ],
-    "slots": [],
-    "jsApi": {
-      "columns": "Array of column definitions",
-      "data": "Array of row objects",
-      "selected": "Read-only selected indices",
-      "sortState": "Read-only sort state",
-      "exportCSV": "Export data as CSV"
-    },
-    "children": "<col-def key=\"...\" label=\"...\" type=\"...\" width=\"...\" sortable>"
-  },
-  "Tabs": {
-    "tag": "tabs-ui",
-    "category": "container",
-    "description": "Tabbed panel switcher. Renders button strip from child tab-ui elements.",
-    "props": {
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Active tab value"
-      },
-      "orientation": {
-        "type": "String",
-        "default": "",
-        "description": "Orientation"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "strip (auto-generated)",
-      "tab-button (auto-generated)"
-    ],
-    "children": "<tab-ui value=\"...\" text=\"...\">Content</tab-ui>"
-  },
-  "Tag": {
-    "tag": "tag-ui",
-    "category": "display",
-    "description": "Inline tag/chip with optional dismiss button.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Tag text"
-      },
-      "variant": {
-        "type": "String",
-        "default": "default",
-        "enum": [
-          "default",
-          "info",
-          "success",
-          "warning",
-          "error"
-        ],
-        "description": "Color variant"
-      },
-      "size": {
-        "type": "String",
-        "default": "md",
-        "enum": [
-          "sm",
-          "md"
-        ],
-        "description": "Tag size"
-      },
-      "removable": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Show dismiss button"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      }
-    },
-    "events": [
-      "remove"
-    ],
-    "slots": [
-      "dismiss"
-    ]
-  },
-  "Text": {
-    "tag": "text-ui",
-    "category": "display",
-    "description": "Typography wrapper that applies role tokens. Supports truncation and line clamping.",
-    "props": {
-      "variant": {
-        "type": "String",
-        "default": "body",
-        "enum": [
-          "body",
-          "heading",
-          "title",
-          "display",
-          "caption",
-          "label",
-          "kicker",
-          "code",
-          "h1",
-          "h2",
-          "h3",
-          "h4",
-          "h5",
-          "h6"
-        ],
-        "description": "Typography variant"
-      },
-      "truncate": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Single-line truncation with ellipsis"
-      },
-      "lines": {
-        "type": "Number",
-        "default": 0,
-        "description": "Multi-line clamp count (0 = no clamp)"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (text content)"
-    ]
-  },
-  "TextArea": {
-    "tag": "textarea-ui",
-    "category": "input",
-    "description": "Multiline text input using contenteditable. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Current value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "readonly": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Read-only state"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error message"
-      },
-      "pattern": {
-        "type": "String",
-        "default": "",
-        "description": "Regex pattern"
-      },
-      "minlength": {
-        "type": "Number",
-        "default": null,
-        "description": "Min character length"
-      },
-      "maxlength": {
-        "type": "Number",
-        "default": null,
-        "description": "Max character length"
-      },
-      "placeholder": {
-        "type": "String",
-        "default": "",
-        "description": "Placeholder text"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Field label"
-      },
-      "rows": {
-        "type": "Number",
-        "default": 3,
-        "description": "Visible row count"
-      },
-      "resize": {
-        "type": "String",
-        "default": "vertical",
-        "enum": [
-          "vertical",
-          "horizontal",
-          "both",
-          "none"
-        ],
-        "description": "Resize direction"
-      }
-    },
-    "events": [
-      "input",
-      "submit",
-      "change"
-    ],
-    "slots": [
-      "label",
-      "text"
-    ]
-  },
-  "Timeline": {
-    "tag": "timeline-ui",
-    "category": "display",
-    "description": "Timeline and step wizard. Two modes: timeline (per-item state) and steps (parent-driven).",
-    "props": {
-      "orientation": {
-        "type": "String",
-        "default": "vertical",
-        "enum": [
-          "vertical",
-          "horizontal"
-        ],
-        "description": "Layout direction"
-      },
-      "mode": {
-        "type": "String",
-        "default": "timeline",
-        "enum": [
-          "timeline",
-          "steps"
-        ],
-        "description": "Display mode"
-      },
-      "step": {
-        "type": "Number",
-        "default": 0,
-        "description": "Current step index (steps mode)"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "<timeline-item-ui text=\"...\" time=\"...\" variant=\"...\" status=\"completed\"></timeline-item-ui>"
-  },
-  "Toast": {
-    "tag": "toast-ui",
-    "category": "container",
-    "description": "Notification popup with auto-dismiss. Animated enter/exit.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Toast message"
-      },
-      "variant": {
-        "type": "String",
-        "default": "info",
-        "enum": [
-          "info",
-          "success",
-          "warning",
-          "error"
-        ],
-        "description": "Color variant"
-      },
-      "duration": {
-        "type": "Number",
-        "default": 4000,
-        "description": "Auto-dismiss in ms (0 = no auto)"
-      },
-      "position": {
-        "type": "String",
-        "default": "bottom-right",
-        "enum": [
-          "top-left",
-          "top-center",
-          "top-right",
-          "bottom-left",
-          "bottom-center",
-          "bottom-right"
-        ],
-        "description": "Screen position"
-      }
-    },
-    "events": [
-      "close"
-    ],
-    "slots": [
-      "message",
-      "close"
-    ],
-    "methods": [
-      "dismiss()"
-    ]
-  },
-  "Toggle": {
-    "tag": "switch-ui",
-    "category": "input",
-    "description": "Toggle switch with pure CSS track and thumb. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Form value when checked"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "required": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Required for validation"
-      },
-      "error": {
-        "type": "String",
-        "default": "",
-        "description": "Validation error"
-      },
-      "checked": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Checked state"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Accessible label"
-      },
-      "size": {
-        "type": "String",
-        "default": "",
-        "description": "Size variant"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "track",
-      "thumb",
-      "label"
-    ],
-    "aliases": [
-      "Switch"
-    ]
-  },
-  "ToggleGroup": {
-    "tag": "toggle-group-ui",
-    "category": "navigation",
-    "description": "Multi-select button group (unlike segmented which is single-select).",
-    "props": {
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Comma-separated selected values"
-      },
-      "single": {
-        "type": "Boolean",
-        "default": false,
-        "description": "When true, restrict to one active option (single-select)"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "default"
-    ],
-    "children": "<toggle-option-ui value=\"...\" text=\"...\" icon=\"...\"></toggle-option-ui>"
-  },
-  "Toolbar": {
-    "tag": "toolbar-ui",
-    "category": "layout",
-    "description": "Horizontal action bar with automatic overflow. Items that don't fit move to a spillover popover menu.",
-    "props": {
-      "gap": {
-        "type": "String",
-        "default": "sm",
-        "description": "Gap between items"
-      },
-      "align": {
-        "type": "String",
-        "default": "start",
-        "description": "Item alignment"
-      },
-      "overflow": {
-        "type": "String",
-        "default": "menu",
-        "enum": [
-          "menu",
-          "none"
-        ],
-        "description": "Overflow behavior"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default"
-    ],
-    "children": "<toolbar-group-ui>, <button-ui>, <divider-ui vertical>"
-  },
-  "Tooltip": {
-    "tag": "tooltip-ui",
-    "category": "container",
-    "description": "Tooltip popup on hover/focus. Uses Popover API for top-layer rendering.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Tooltip text"
-      },
-      "placement": {
-        "type": "String",
-        "default": "top",
-        "enum": [
-          "top",
-          "bottom",
-          "left",
-          "right"
-        ],
-        "description": "Placement"
-      },
-      "delay": {
-        "type": "Number",
-        "default": 400,
-        "description": "Show delay in ms"
-      }
-    },
-    "events": [],
-    "slots": [
-      "default (trigger element)"
-    ]
-  },
-  "Tree": {
-    "tag": "tree-ui",
-    "category": "data",
-    "description": "Collapsible tree container with keyboard navigation (arrow keys, Enter/Space). Manages selection across nested tree-item-ns.",
-    "props": {},
-    "events": [
-      "tree-select"
-    ],
-    "slots": [
-      "default (tree-item-ui children)"
-    ]
-  },
-  "TreeItem": {
-    "tag": "tree-item-ui",
-    "category": "data",
-    "description": "A single node in a tree-ui. Supports nesting, collapse/expand, icon, and selection.",
-    "props": {
-      "text": {
-        "type": "String",
-        "default": "",
-        "description": "Display label text"
-      },
-      "icon": {
-        "type": "String",
-        "default": "",
-        "description": "Icon name (renders icon-ui child)"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Value for selection events"
-      },
-      "open": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Expanded state (when item has children)"
-      },
-      "selected": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Selected state"
-      }
-    },
-    "events": [],
-    "slots": [
-      "row",
-      "chevron",
-      "icon",
-      "text",
-      "actions",
-      "default (nested tree-item-ui children)"
-    ]
-  },
-  "Upload": {
-    "tag": "upload-ui",
-    "category": "input",
-    "description": "File upload with drag-and-drop. Uses showOpenFilePicker with input[type=file] fallback. Form-associated.",
-    "props": {
-      "name": {
-        "type": "String",
-        "default": "",
-        "description": "Form field name"
-      },
-      "value": {
-        "type": "String",
-        "default": "",
-        "description": "Current value"
-      },
-      "disabled": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Disables interaction"
-      },
-      "label": {
-        "type": "String",
-        "default": "",
-        "description": "Upload label"
-      },
-      "hint": {
-        "type": "String",
-        "default": "",
-        "description": "Hint text below dropzone"
-      },
-      "accept": {
-        "type": "String",
-        "default": "",
-        "description": "Accepted MIME types"
-      },
-      "multiple": {
-        "type": "Boolean",
-        "default": false,
-        "description": "Allow multiple files"
-      }
-    },
-    "events": [
-      "change"
-    ],
-    "slots": [
-      "dropzone",
-      "filelist"
-    ]
-  }
-}