[
  {
    "component": "Accordion",
    "tagName": "hf-accordion",
    "source": "analyzer",
    "pattern": "nested-items",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "json"
      },
      {
        "name": "multiple",
        "attribute": "multiple",
        "type": "boolean"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [
      "content-{value}"
    ]
  },
  {
    "component": "AccordionCard",
    "tagName": "hf-accordion-card",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "ActivityFeed",
    "tagName": "hf-activity-feed",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Data Display",
    "props": [
      {
        "name": "divider",
        "attribute": "divider",
        "type": "string"
      },
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "loading",
        "attribute": "loading",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AdvancedRating",
    "tagName": "hf-advanced-rating",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "number"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "number"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AIAsciiDiagram",
    "tagName": "hf-ai-ascii-diagram",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "scaleMode",
        "attribute": "scale-mode",
        "type": "string"
      },
      {
        "name": "content",
        "attribute": "content",
        "type": "string"
      },
      {
        "name": "mode",
        "attribute": "mode",
        "type": "string"
      },
      {
        "name": "caption",
        "attribute": "caption",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "ariaLabel",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AIChart",
    "tagName": "hf-ai-chart",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      }
    ],
    "events": [
      "interaction"
    ],
    "slots": []
  },
  {
    "component": "AIClarificationCard",
    "tagName": "hf-ai-clarification-card",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      }
    ],
    "events": [
      "interaction",
      "value-change",
      "submit",
      "next",
      "back",
      "skip",
      "edit",
      "close",
      "files-selected",
      "file-cancel"
    ],
    "slots": []
  },
  {
    "component": "AICodeBlock",
    "tagName": "hf-ai-code-block",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "code",
        "attribute": "code",
        "type": "string"
      },
      {
        "name": "language",
        "attribute": "language",
        "type": "string"
      },
      {
        "name": "fileName",
        "attribute": "file-name",
        "type": "string"
      },
      {
        "name": "showHeader",
        "attribute": "show-header",
        "type": "boolean"
      },
      {
        "name": "showCopyButton",
        "attribute": "show-copy-button",
        "type": "boolean"
      },
      {
        "name": "showLineNumbers",
        "attribute": "show-line-numbers",
        "type": "boolean"
      },
      {
        "name": "startLineNumber",
        "attribute": "start-line-number",
        "type": "number"
      },
      {
        "name": "highlightedCode",
        "attribute": "highlighted-code",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "headerActions",
        "attribute": "header-actions",
        "type": "json"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AIComponent",
    "tagName": "hf-ai-component",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      }
    ],
    "events": [
      "interaction",
      "value-change",
      "submit",
      "next",
      "back",
      "skip",
      "edit",
      "close",
      "files-selected",
      "file-cancel"
    ],
    "slots": []
  },
  {
    "component": "AIContainer",
    "tagName": "hf-ai-container",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "messages",
        "attribute": "messages",
        "type": "json"
      },
      {
        "name": "inputProps",
        "attribute": "input-props",
        "type": "json"
      },
      {
        "name": "showMinimize",
        "attribute": "show-minimize",
        "type": "boolean"
      },
      {
        "name": "emptyContent",
        "attribute": "empty-content",
        "type": "json"
      },
      {
        "name": "showScrollButton",
        "attribute": "show-scroll-button",
        "type": "boolean"
      },
      {
        "name": "scrollThreshold",
        "attribute": "scroll-threshold",
        "type": "number"
      },
      {
        "name": "autoScrollOnNewMessage",
        "attribute": "auto-scroll-on-new-message",
        "type": "boolean"
      },
      {
        "name": "autoScrollKey",
        "attribute": "auto-scroll-key",
        "type": "string"
      },
      {
        "name": "showTopFade",
        "attribute": "show-top-fade",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "messageAreaClassName",
        "attribute": "message-area-class-name",
        "type": "string"
      }
    ],
    "events": [
      "minimize"
    ],
    "slots": []
  },
  {
    "component": "AIContextIndicator",
    "tagName": "hf-ai-context-indicator",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "status",
        "attribute": "status",
        "type": "string"
      },
      {
        "name": "heading",
        "attribute": "heading",
        "type": "string"
      },
      {
        "name": "timestamp",
        "attribute": "timestamp",
        "type": "string"
      },
      {
        "name": "fullText",
        "attribute": "full-text",
        "type": "string"
      },
      {
        "name": "compactingText",
        "attribute": "compacting-text",
        "type": "string"
      },
      {
        "name": "compactingDetail",
        "attribute": "compacting-detail",
        "type": "string"
      },
      {
        "name": "compactingProgress",
        "attribute": "compacting-progress",
        "type": "number"
      },
      {
        "name": "compactedText",
        "attribute": "compacted-text",
        "type": "string"
      },
      {
        "name": "compactedDetail",
        "attribute": "compacted-detail",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AIEmptyState",
    "tagName": "hf-ai-empty-state",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AIFeedbackBar",
    "tagName": "hf-ai-feedback-bar",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "showForm",
        "attribute": "show-form",
        "type": "boolean"
      },
      {
        "name": "reasons",
        "attribute": "reasons",
        "type": "json"
      },
      {
        "name": "prompt",
        "attribute": "prompt",
        "type": "string"
      },
      {
        "name": "thankYouMessage",
        "attribute": "thank-you-message",
        "type": "string"
      },
      {
        "name": "commentPlaceholder",
        "attribute": "comment-placeholder",
        "type": "string"
      },
      {
        "name": "commentRequired",
        "attribute": "comment-required",
        "type": "boolean"
      },
      {
        "name": "allowChange",
        "attribute": "allow-change",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "change"
    ],
    "slots": []
  },
  {
    "component": "AIForm",
    "tagName": "hf-ai-form",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      }
    ],
    "events": [
      "interaction"
    ],
    "slots": []
  },
  {
    "component": "AIInput",
    "tagName": "hf-ai-input",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "uploadingFiles",
        "attribute": "uploading-files",
        "type": "json"
      },
      {
        "name": "accept",
        "attribute": "accept",
        "type": "string"
      },
      {
        "name": "multiple",
        "attribute": "multiple",
        "type": "boolean"
      },
      {
        "name": "dropText",
        "attribute": "drop-text",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "leadingActions",
        "attribute": "leading-actions",
        "type": "json"
      },
      {
        "name": "trailingActions",
        "attribute": "trailing-actions",
        "type": "json"
      },
      {
        "name": "submitButton",
        "attribute": "submit-button",
        "type": "json"
      },
      {
        "name": "defaultButton",
        "attribute": "default-button",
        "type": "json"
      },
      {
        "name": "leadingIcon",
        "attribute": "leading-icon",
        "type": "json"
      },
      {
        "name": "pasteAsFile",
        "attribute": "paste-as-file",
        "type": "json"
      }
    ],
    "events": [
      "change",
      "submit",
      "remove-file",
      "cancel-upload",
      "retry-upload",
      "remove-all-files",
      "files-selected"
    ],
    "slots": []
  },
  {
    "component": "AIMermaidDiagram",
    "tagName": "hf-ai-mermaid-diagram",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "code",
        "attribute": "code",
        "type": "string"
      },
      {
        "name": "theme",
        "attribute": "theme",
        "type": "string"
      },
      {
        "name": "caption",
        "attribute": "caption",
        "type": "string"
      },
      {
        "name": "interactive",
        "attribute": "interactive",
        "type": "boolean"
      },
      {
        "name": "maxHeight",
        "attribute": "max-height",
        "type": "number"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AIMessage",
    "tagName": "hf-ai-message",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "content",
        "attribute": "content",
        "type": "string"
      },
      {
        "name": "senderName",
        "attribute": "sender-name",
        "type": "string"
      },
      {
        "name": "timestamp",
        "attribute": "timestamp",
        "type": "string"
      },
      {
        "name": "avatar",
        "attribute": "avatar",
        "type": "json"
      },
      {
        "name": "isAgent",
        "attribute": "is-agent",
        "type": "boolean"
      },
      {
        "name": "compact",
        "attribute": "compact",
        "type": "boolean"
      },
      {
        "name": "isTyping",
        "attribute": "is-typing",
        "type": "boolean"
      },
      {
        "name": "markdown",
        "attribute": "markdown",
        "type": "boolean"
      },
      {
        "name": "attachments",
        "attribute": "attachments",
        "type": "json"
      },
      {
        "name": "reactions",
        "attribute": "reactions",
        "type": "json"
      },
      {
        "name": "showActions",
        "attribute": "show-actions",
        "type": "boolean"
      },
      {
        "name": "thumbsUpActive",
        "attribute": "thumbs-up-active",
        "type": "boolean"
      },
      {
        "name": "thumbsDownActive",
        "attribute": "thumbs-down-active",
        "type": "boolean"
      }
    ],
    "events": [
      "thumbs-up",
      "thumbs-down",
      "copy",
      "show-list",
      "interaction",
      "reaction-click",
      "attachment-click"
    ],
    "slots": []
  },
  {
    "component": "AIPromptSuggestion",
    "tagName": "hf-ai-prompt-suggestion",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "showArrow",
        "attribute": "show-arrow",
        "type": "boolean"
      },
      {
        "name": "highlight",
        "attribute": "highlight",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "click"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AIReasoningBlock",
    "tagName": "hf-ai-reasoning-block",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "isStreaming",
        "attribute": "is-streaming",
        "type": "boolean"
      },
      {
        "name": "markdown",
        "attribute": "markdown",
        "type": "boolean"
      },
      {
        "name": "duration",
        "attribute": "duration",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AIResponseStream",
    "tagName": "hf-ai-response-stream",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "textStream",
        "attribute": "text-stream",
        "type": "json"
      },
      {
        "name": "mode",
        "attribute": "mode",
        "type": "string"
      },
      {
        "name": "speed",
        "attribute": "speed",
        "type": "number"
      },
      {
        "name": "showCursor",
        "attribute": "show-cursor",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "complete"
    ],
    "slots": []
  },
  {
    "component": "AIScrollButton",
    "tagName": "hf-ai-scroll-button",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "position",
        "attribute": "position",
        "type": "string"
      },
      {
        "name": "scrollRef",
        "attribute": "scroll-ref",
        "type": "json"
      },
      {
        "name": "containerRef",
        "attribute": "container-ref",
        "type": "json"
      },
      {
        "name": "threshold",
        "attribute": "threshold",
        "type": "number"
      },
      {
        "name": "visible",
        "attribute": "visible",
        "type": "boolean"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "unreadCount",
        "attribute": "unread-count",
        "type": "number"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "click"
    ],
    "slots": []
  },
  {
    "component": "AISelect",
    "tagName": "hf-ai-select",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      }
    ],
    "events": [
      "interaction"
    ],
    "slots": []
  },
  {
    "component": "AISource",
    "tagName": "hf-ai-source",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "source",
        "attribute": "source",
        "type": "json"
      },
      {
        "name": "showFavicon",
        "attribute": "show-favicon",
        "type": "boolean"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AISteps",
    "tagName": "hf-ai-steps",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "steps",
        "attribute": "steps",
        "type": "json"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "collapsible",
        "attribute": "collapsible",
        "type": "boolean"
      },
      {
        "name": "defaultExpanded",
        "attribute": "default-expanded",
        "type": "boolean"
      },
      {
        "name": "stepsExpandable",
        "attribute": "steps-expandable",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AISystemMessage",
    "tagName": "hf-ai-system-message",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "dismissible",
        "attribute": "dismissible",
        "type": "boolean"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "hideIcon",
        "attribute": "hide-icon",
        "type": "boolean"
      },
      {
        "name": "actions",
        "attribute": "actions",
        "type": "json"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "dismiss"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AITable",
    "tagName": "hf-ai-table",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "schema",
        "attribute": "schema",
        "type": "json"
      }
    ],
    "events": [
      "interaction"
    ],
    "slots": []
  },
  {
    "component": "AITextShimmer",
    "tagName": "hf-ai-text-shimmer",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "duration",
        "attribute": "duration",
        "type": "number"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "shimmerColor",
        "attribute": "shimmer-color",
        "type": "string"
      },
      {
        "name": "baseColor",
        "attribute": "base-color",
        "type": "string"
      },
      {
        "name": "isActive",
        "attribute": "is-active",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AIThinkingLoader",
    "tagName": "hf-ai-thinking-loader",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "loadingText",
        "attribute": "loading-text",
        "type": "string"
      },
      {
        "name": "easing",
        "attribute": "easing",
        "type": "string"
      },
      {
        "name": "showCountdown",
        "attribute": "show-countdown",
        "type": "boolean"
      },
      {
        "name": "countdownTime",
        "attribute": "countdown-time",
        "type": "number"
      },
      {
        "name": "animationDuration",
        "attribute": "animation-duration",
        "type": "number"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "animation-complete"
    ],
    "slots": []
  },
  {
    "component": "AIToolCall",
    "tagName": "hf-ai-tool-call",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "toolPart",
        "attribute": "tool-part",
        "type": "json"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": []
  },
  {
    "component": "AIToolRun",
    "tagName": "hf-ai-tool-run",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "run",
        "attribute": "run",
        "type": "json"
      },
      {
        "name": "headingLevel",
        "attribute": "heading-level",
        "type": "number"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "expandedStepIds",
        "attribute": "expanded-step-ids",
        "type": "json"
      },
      {
        "name": "defaultExpandedStepIds",
        "attribute": "default-expanded-step-ids",
        "type": "json"
      }
    ],
    "events": [
      "action",
      "open-change",
      "expanded-step-ids-change"
    ],
    "slots": []
  },
  {
    "component": "AITypingIndicator",
    "tagName": "hf-ai-typing-indicator",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "AI Components",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "speed",
        "attribute": "speed",
        "type": "number"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Alert",
    "tagName": "hf-alert",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "appearance",
        "attribute": "appearance",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "closable",
        "attribute": "closable",
        "type": "boolean"
      },
      {
        "name": "action",
        "attribute": "action",
        "type": "json"
      },
      {
        "name": "dismissDuration",
        "attribute": "dismiss-duration",
        "type": "number"
      }
    ],
    "events": [
      "close"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "AlertDialog",
    "tagName": "hf-alert-dialog",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "disableAnimation",
        "attribute": "disable-animation",
        "type": "boolean"
      },
      {
        "name": "disableBackdropBlur",
        "attribute": "disable-backdrop-blur",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "AppShell",
    "tagName": "hf-app-shell",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "background",
        "attribute": "background",
        "type": "string"
      },
      {
        "name": "height",
        "attribute": "height",
        "type": "string"
      },
      {
        "name": "padding",
        "attribute": "padding",
        "type": "string"
      },
      {
        "name": "mobilePadding",
        "attribute": "mobile-padding",
        "type": "string"
      },
      {
        "name": "gap",
        "attribute": "gap",
        "type": "string"
      },
      {
        "name": "connected",
        "attribute": "connected",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "sidebar",
      "content",
      "default"
    ]
  },
  {
    "component": "AppShellCard",
    "tagName": "hf-app-shell-card",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "bodyPadding",
        "attribute": "body-padding",
        "type": "string"
      },
      {
        "name": "elevation",
        "attribute": "elevation",
        "type": "string"
      },
      {
        "name": "bodyClassName",
        "attribute": "body-class-name",
        "type": "string"
      },
      {
        "name": "bodyAriaLabel",
        "attribute": "body-aria-label",
        "type": "string"
      },
      {
        "name": "inset",
        "attribute": "inset",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ],
    "composition": [
      {
        "reactPattern": "AppShellCard inside AppShell.Panel",
        "summary": "Use this component for dashboard and app panels that need shell chrome.",
        "requiredPattern": "Place hf-page-header first, then panel content. Use body-padding=\"none\" for edge-to-edge tables or charts; omit body-padding for padded content.",
        "invalidPattern": "Do not invent heading, title, actions, or menu attributes on hf-app-shell-card."
      }
    ]
  },
  {
    "component": "AppSidebar",
    "tagName": "hf-app-sidebar",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "navItems",
        "attribute": "nav-items",
        "type": "json"
      },
      {
        "name": "activeNavItemId",
        "attribute": "active-nav-item-id",
        "type": "string"
      },
      {
        "name": "account",
        "attribute": "account",
        "type": "json"
      },
      {
        "name": "logo",
        "attribute": "logo",
        "type": "json"
      },
      {
        "name": "collapsible",
        "attribute": "collapsible",
        "type": "string"
      },
      {
        "name": "connected",
        "attribute": "connected",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "compactedLogo",
        "attribute": "compacted-logo",
        "type": "string"
      },
      {
        "name": "sidebarBgColor",
        "attribute": "sidebar-bg-color",
        "type": "string"
      },
      {
        "name": "rounded",
        "attribute": "rounded",
        "type": "boolean"
      },
      {
        "name": "logoSubtext",
        "attribute": "logo-subtext",
        "type": "string"
      }
    ],
    "events": [
      "nav-item-click",
      "open-change"
    ],
    "slots": [
      "content"
    ]
  },
  {
    "component": "AreaChart",
    "tagName": "hf-area-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "showYAxis",
        "attribute": "show-y-axis",
        "type": "boolean"
      },
      {
        "name": "showXAxis",
        "attribute": "show-x-axis",
        "type": "boolean"
      },
      {
        "name": "xAxisInterval",
        "attribute": "x-axis-interval",
        "type": "string"
      },
      {
        "name": "showGrid",
        "attribute": "show-grid",
        "type": "boolean"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "areaMode",
        "attribute": "area-mode",
        "type": "string"
      },
      {
        "name": "fillStyle",
        "attribute": "fill-style",
        "type": "string"
      },
      {
        "name": "curveType",
        "attribute": "curve-type",
        "type": "string"
      },
      {
        "name": "fillOpacity",
        "attribute": "fill-opacity",
        "type": "number"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "showDots",
        "attribute": "show-dots",
        "type": "boolean"
      },
      {
        "name": "yAxisTicks",
        "attribute": "y-axis-ticks",
        "type": "json"
      },
      {
        "name": "yAxisFormat",
        "attribute": "y-axis-format",
        "type": "json"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Autocomplete",
    "tagName": "hf-autocomplete",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "groups",
        "attribute": "groups",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "destructive",
        "attribute": "destructive",
        "type": "boolean"
      },
      {
        "name": "startIcon",
        "attribute": "start-icon",
        "type": "json"
      },
      {
        "name": "endIcon",
        "attribute": "end-icon",
        "type": "json"
      },
      {
        "name": "showArrow",
        "attribute": "show-arrow",
        "type": "boolean"
      },
      {
        "name": "showCheck",
        "attribute": "show-check",
        "type": "boolean"
      },
      {
        "name": "filterFn",
        "attribute": "filter-fn",
        "type": "json"
      },
      {
        "name": "mode",
        "attribute": "mode",
        "type": "string"
      },
      {
        "name": "autoHighlight",
        "attribute": "auto-highlight",
        "type": "string"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "inputClassName",
        "attribute": "input-class-name",
        "type": "string"
      },
      {
        "name": "popupClassName",
        "attribute": "popup-class-name",
        "type": "string"
      },
      {
        "name": "emptyText",
        "attribute": "empty-text",
        "type": "string"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "multiple",
        "attribute": "multiple",
        "type": "boolean"
      },
      {
        "name": "selectedItems",
        "attribute": "selected-items",
        "type": "json"
      },
      {
        "name": "renderSelectedItem",
        "attribute": "render-selected-item",
        "type": "json"
      },
      {
        "name": "allowCreate",
        "attribute": "allow-create",
        "type": "boolean"
      },
      {
        "name": "createItem",
        "attribute": "create-item",
        "type": "json"
      },
      {
        "name": "maxItems",
        "attribute": "max-items",
        "type": "number"
      },
      {
        "name": "preventDuplicates",
        "attribute": "prevent-duplicates",
        "type": "boolean"
      },
      {
        "name": "backspaceRemovesLast",
        "attribute": "backspace-removes-last",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      },
      {
        "name": "aria-describedby",
        "attribute": "aria-describedby",
        "type": "string"
      },
      {
        "name": "aria-invalid",
        "attribute": "aria-invalid",
        "type": "boolean"
      },
      {
        "name": "aria-required",
        "attribute": "aria-required",
        "type": "boolean"
      }
    ],
    "events": [
      "value-change",
      "select",
      "open-change",
      "selected-items-change"
    ],
    "slots": []
  },
  {
    "component": "Avatar",
    "tagName": "hf-avatar",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "ring",
        "attribute": "ring",
        "type": "string"
      },
      {
        "name": "indicator",
        "attribute": "indicator",
        "type": "string"
      },
      {
        "name": "indicatorPosition",
        "attribute": "indicator-position",
        "type": "string"
      },
      {
        "name": "softColor",
        "attribute": "soft-color",
        "type": "string"
      },
      {
        "name": "src",
        "attribute": "src",
        "type": "string"
      },
      {
        "name": "alt",
        "attribute": "alt",
        "type": "string"
      },
      {
        "name": "fallback",
        "attribute": "fallback",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Badge",
    "tagName": "hf-badge",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "leadingIcon",
        "attribute": "leading-icon",
        "type": "json"
      },
      {
        "name": "trailingIcon",
        "attribute": "trailing-icon",
        "type": "json"
      },
      {
        "name": "avatar",
        "attribute": "avatar",
        "type": "json"
      },
      {
        "name": "iconOnly",
        "attribute": "icon-only",
        "type": "boolean"
      },
      {
        "name": "closable",
        "attribute": "closable",
        "type": "boolean"
      },
      {
        "name": "closeLabel",
        "attribute": "close-label",
        "type": "string"
      }
    ],
    "events": [
      "close"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "BarChart",
    "tagName": "hf-bar-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "showYAxis",
        "attribute": "show-y-axis",
        "type": "boolean"
      },
      {
        "name": "showXAxis",
        "attribute": "show-x-axis",
        "type": "boolean"
      },
      {
        "name": "showGrid",
        "attribute": "show-grid",
        "type": "boolean"
      },
      {
        "name": "yAxisLabel",
        "attribute": "y-axis-label",
        "type": "string"
      },
      {
        "name": "xAxisLabel",
        "attribute": "x-axis-label",
        "type": "string"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "yAxisTicks",
        "attribute": "y-axis-ticks",
        "type": "json"
      },
      {
        "name": "yAxisFormat",
        "attribute": "y-axis-format",
        "type": "json"
      },
      {
        "name": "barMode",
        "attribute": "bar-mode",
        "type": "string"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "colorByCategory",
        "attribute": "color-by-category",
        "type": "boolean"
      },
      {
        "name": "showValueLabels",
        "attribute": "show-value-labels",
        "type": "boolean"
      },
      {
        "name": "valueLabelPosition",
        "attribute": "value-label-position",
        "type": "string"
      },
      {
        "name": "barRadius",
        "attribute": "bar-radius",
        "type": "number"
      },
      {
        "name": "barGap",
        "attribute": "bar-gap",
        "type": "number"
      },
      {
        "name": "barGroupGap",
        "attribute": "bar-group-gap",
        "type": "number"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "BrandIcon",
    "tagName": "hf-brand-icon",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "icon",
        "attribute": "icon",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Breadcrumb",
    "tagName": "hf-breadcrumb",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "separator",
        "attribute": "separator",
        "type": "string"
      },
      {
        "name": "ring",
        "attribute": "ring",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Button",
    "tagName": "hf-button",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      },
      {
        "name": "aria-describedby",
        "attribute": "aria-describedby",
        "type": "string"
      },
      {
        "name": "aria-controls",
        "attribute": "aria-controls",
        "type": "string"
      },
      {
        "name": "aria-expanded",
        "attribute": "aria-expanded",
        "type": "boolean"
      },
      {
        "name": "aria-invalid",
        "attribute": "aria-invalid",
        "type": "boolean"
      },
      {
        "name": "aria-required",
        "attribute": "aria-required",
        "type": "boolean"
      },
      {
        "name": "role",
        "attribute": "role",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "appearance",
        "attribute": "appearance",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "loading",
        "attribute": "loading",
        "type": "boolean"
      },
      {
        "name": "nativeButton",
        "attribute": "native-button",
        "type": "boolean"
      },
      {
        "name": "startIcon",
        "attribute": "start-icon",
        "type": "json"
      },
      {
        "name": "endIcon",
        "attribute": "end-icon",
        "type": "json"
      },
      {
        "name": "dotIndicator",
        "attribute": "dot-indicator",
        "type": "boolean"
      },
      {
        "name": "dotColor",
        "attribute": "dot-color",
        "type": "string"
      },
      {
        "name": "badge",
        "attribute": "badge",
        "type": "json"
      },
      {
        "name": "iconOnly",
        "attribute": "icon-only",
        "type": "boolean"
      },
      {
        "name": "animated",
        "attribute": "animated",
        "type": "boolean"
      },
      {
        "name": "render",
        "attribute": "render",
        "type": "json"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Calendar",
    "tagName": "hf-calendar",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Card",
    "tagName": "hf-card",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "padding",
        "attribute": "padding",
        "type": "string"
      },
      {
        "name": "appearance",
        "attribute": "appearance",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ],
    "composition": [
      {
        "reactPattern": "Card.Content",
        "summary": "The Web Component root maps to the React Card root, not to Card.Content.",
        "requiredPattern": "Wrap body content in a data-hf-slot=\"card-content\" element when it needs tokenized padding.",
        "invalidPattern": "Do not place headings or paragraphs as direct children of hf-card."
      }
    ]
  },
  {
    "component": "Carousel",
    "tagName": "hf-carousel",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "number"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "number"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "navigationStyle",
        "attribute": "navigation-style",
        "type": "string"
      },
      {
        "name": "navigationPosition",
        "attribute": "navigation-position",
        "type": "string"
      },
      {
        "name": "contentLayout",
        "attribute": "content-layout",
        "type": "string"
      },
      {
        "name": "showSummary",
        "attribute": "show-summary",
        "type": "boolean"
      },
      {
        "name": "showArrows",
        "attribute": "show-arrows",
        "type": "boolean"
      },
      {
        "name": "loop",
        "attribute": "loop",
        "type": "boolean"
      },
      {
        "name": "ariaLabel",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "ChartCard",
    "tagName": "hf-chart-card",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "kind",
        "attribute": "kind",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "trend",
        "attribute": "trend",
        "type": "string"
      },
      {
        "name": "trendDirection",
        "attribute": "trend-direction",
        "type": "string"
      },
      {
        "name": "footerDescription",
        "attribute": "footer-description",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "plotClassName",
        "attribute": "plot-class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Checkbox",
    "tagName": "hf-checkbox",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [],
    "events": [],
    "slots": []
  },
  {
    "component": "CheckboxGroup",
    "tagName": "hf-checkbox-group",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "json"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "gap",
        "attribute": "gap",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "filled",
        "attribute": "filled",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": []
  },
  {
    "component": "CodeSnippet",
    "tagName": "hf-code-snippet",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "code",
        "attribute": "code",
        "type": "string"
      },
      {
        "name": "language",
        "attribute": "language",
        "type": "string"
      },
      {
        "name": "fileName",
        "attribute": "file-name",
        "type": "string"
      },
      {
        "name": "showHeader",
        "attribute": "show-header",
        "type": "boolean"
      },
      {
        "name": "showLineNumbers",
        "attribute": "show-line-numbers",
        "type": "boolean"
      },
      {
        "name": "startLineNumber",
        "attribute": "start-line-number",
        "type": "number"
      },
      {
        "name": "showCopyButton",
        "attribute": "show-copy-button",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "breakpoint",
        "attribute": "breakpoint",
        "type": "string"
      },
      {
        "name": "highlightedLines",
        "attribute": "highlighted-lines",
        "type": "json"
      },
      {
        "name": "highlightedCode",
        "attribute": "highlighted-code",
        "type": "string"
      },
      {
        "name": "headerActions",
        "attribute": "header-actions",
        "type": "json"
      },
      {
        "name": "toolbar",
        "attribute": "toolbar",
        "type": "json"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Collapsible",
    "tagName": "hf-collapsible",
    "source": "analyzer",
    "pattern": "toggle",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "content"
    ]
  },
  {
    "component": "ComboboxMenu",
    "tagName": "hf-combobox-menu",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "width",
        "attribute": "width",
        "type": "string"
      },
      {
        "name": "options",
        "attribute": "options",
        "type": "json"
      },
      {
        "name": "groups",
        "attribute": "groups",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "json"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "searchPlaceholder",
        "attribute": "search-placeholder",
        "type": "string"
      },
      {
        "name": "emptyText",
        "attribute": "empty-text",
        "type": "string"
      },
      {
        "name": "multiple",
        "attribute": "multiple",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "searchable",
        "attribute": "searchable",
        "type": "boolean"
      },
      {
        "name": "trigger",
        "attribute": "trigger",
        "type": "json"
      },
      {
        "name": "header",
        "attribute": "header",
        "type": "json"
      },
      {
        "name": "dir",
        "attribute": "dir",
        "type": "string"
      },
      {
        "name": "triggerClassName",
        "attribute": "trigger-class-name",
        "type": "string"
      },
      {
        "name": "contentClassName",
        "attribute": "content-class-name",
        "type": "string"
      },
      {
        "name": "contentAriaLabel",
        "attribute": "content-aria-label",
        "type": "string"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "maxHeight",
        "attribute": "max-height",
        "type": "number"
      }
    ],
    "events": [
      "value-change",
      "open-change"
    ],
    "slots": []
  },
  {
    "component": "CommandMenu",
    "tagName": "hf-command-menu",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "emptyText",
        "attribute": "empty-text",
        "type": "string"
      },
      {
        "name": "emptyState",
        "attribute": "empty-state",
        "type": "json"
      },
      {
        "name": "showResults",
        "attribute": "show-results",
        "type": "boolean"
      },
      {
        "name": "options",
        "attribute": "options",
        "type": "json"
      },
      {
        "name": "groups",
        "attribute": "groups",
        "type": "json"
      },
      {
        "name": "showShortcut",
        "attribute": "show-shortcut",
        "type": "boolean"
      },
      {
        "name": "shortcutText",
        "attribute": "shortcut-text",
        "type": "string"
      },
      {
        "name": "showFooter",
        "attribute": "show-footer",
        "type": "boolean"
      },
      {
        "name": "footerHints",
        "attribute": "footer-hints",
        "type": "json"
      },
      {
        "name": "showSettingsButton",
        "attribute": "show-settings-button",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "maxHeight",
        "attribute": "max-height",
        "type": "number"
      },
      {
        "name": "filter",
        "attribute": "filter",
        "type": "json"
      }
    ],
    "events": [
      "open-change",
      "select",
      "settings-click"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "ContextMenu",
    "tagName": "hf-context-menu",
    "source": "analyzer",
    "pattern": "menu",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "default"
    ]
  },
  {
    "component": "DataTable",
    "tagName": "hf-data-table",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "Data Display",
    "props": [
      {
        "name": "columns",
        "attribute": "columns",
        "type": "json"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "enableRowSelection",
        "attribute": "enable-row-selection",
        "type": "boolean"
      },
      {
        "name": "enableMultiRowSelection",
        "attribute": "enable-multi-row-selection",
        "type": "boolean"
      },
      {
        "name": "enableSorting",
        "attribute": "enable-sorting",
        "type": "boolean"
      },
      {
        "name": "enablePagination",
        "attribute": "enable-pagination",
        "type": "boolean"
      },
      {
        "name": "pageSize",
        "attribute": "page-size",
        "type": "number"
      },
      {
        "name": "density",
        "attribute": "density",
        "type": "string"
      },
      {
        "name": "dividers",
        "attribute": "dividers",
        "type": "string"
      },
      {
        "name": "rounded",
        "attribute": "rounded",
        "type": "string"
      },
      {
        "name": "bordered",
        "attribute": "bordered",
        "type": "boolean"
      },
      {
        "name": "maxHeight",
        "attribute": "max-height",
        "type": "string"
      },
      {
        "name": "stickyHeader",
        "attribute": "sticky-header",
        "type": "boolean"
      },
      {
        "name": "caption",
        "attribute": "caption",
        "type": "string"
      },
      {
        "name": "showSelectAll",
        "attribute": "show-select-all",
        "type": "boolean"
      },
      {
        "name": "paginationType",
        "attribute": "pagination-type",
        "type": "string"
      },
      {
        "name": "paginationShape",
        "attribute": "pagination-shape",
        "type": "string"
      },
      {
        "name": "paginationSize",
        "attribute": "pagination-size",
        "type": "string"
      },
      {
        "name": "paginationShowPageNumbers",
        "attribute": "pagination-show-page-numbers",
        "type": "boolean"
      },
      {
        "name": "responsiveColumns",
        "attribute": "responsive-columns",
        "type": "boolean"
      },
      {
        "name": "showSelectionCount",
        "attribute": "show-selection-count",
        "type": "boolean"
      },
      {
        "name": "rowIdKey",
        "attribute": "row-id-key",
        "type": "string"
      }
    ],
    "events": [
      "row-click",
      "selection-change",
      "sorting-change",
      "page-change"
    ],
    "slots": [],
    "composition": [
      {
        "reactPattern": "DataTable in an AppShellCard body",
        "summary": "Data tables should live in app panels, not inside nested raw cards.",
        "requiredPattern": "Use hf-app-shell-card with body-padding=\"none\" when the table should run edge to edge.",
        "invalidPattern": "Do not wrap hf-data-table in an extra hf-card."
      }
    ]
  },
  {
    "component": "DatePicker",
    "tagName": "hf-date-picker",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      },
      {
        "name": "dateFormat",
        "attribute": "date-format",
        "type": "string"
      },
      {
        "name": "minDate",
        "attribute": "min-date",
        "type": "string"
      },
      {
        "name": "maxDate",
        "attribute": "max-date",
        "type": "string"
      },
      {
        "name": "disabledDates",
        "attribute": "disabled-dates",
        "type": "json"
      },
      {
        "name": "dir",
        "attribute": "dir",
        "type": "string"
      }
    ],
    "events": [
      "change"
    ],
    "slots": []
  },
  {
    "component": "Dialog",
    "tagName": "hf-dialog",
    "source": "analyzer",
    "pattern": "structured-overlay",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "iconVariant",
        "attribute": "icon-variant",
        "type": "string"
      },
      {
        "name": "layout",
        "attribute": "layout",
        "type": "string"
      },
      {
        "name": "showCloseButton",
        "attribute": "show-close-button",
        "type": "boolean"
      },
      {
        "name": "disableAnimation",
        "attribute": "disable-animation",
        "type": "boolean"
      },
      {
        "name": "modal",
        "attribute": "modal",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "icon",
      "title",
      "description",
      "body",
      "footer",
      "default"
    ]
  },
  {
    "component": "DisplayValue",
    "tagName": "hf-display-value",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "hint",
        "attribute": "hint",
        "type": "string"
      },
      {
        "name": "helpIcon",
        "attribute": "help-icon",
        "type": "boolean"
      },
      {
        "name": "helpTooltip",
        "attribute": "help-tooltip",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "rtl",
        "attribute": "rtl",
        "type": "boolean"
      },
      {
        "name": "leadingText",
        "attribute": "leading-text",
        "type": "string"
      },
      {
        "name": "trailingText",
        "attribute": "trailing-text",
        "type": "string"
      },
      {
        "name": "linkHref",
        "attribute": "link-href",
        "type": "string"
      },
      {
        "name": "avatarProps",
        "attribute": "avatar-props",
        "type": "json"
      },
      {
        "name": "avatarSupportingText",
        "attribute": "avatar-supporting-text",
        "type": "string"
      },
      {
        "name": "badgeProps",
        "attribute": "badge-props",
        "type": "json"
      },
      {
        "name": "badgeLabel",
        "attribute": "badge-label",
        "type": "string"
      },
      {
        "name": "tags",
        "attribute": "tags",
        "type": "json"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "DonutChart",
    "tagName": "hf-donut-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "centerValue",
        "attribute": "center-value",
        "type": "string"
      },
      {
        "name": "centerLabel",
        "attribute": "center-label",
        "type": "string"
      },
      {
        "name": "ringGap",
        "attribute": "ring-gap",
        "type": "number"
      },
      {
        "name": "ringThickness",
        "attribute": "ring-thickness",
        "type": "number"
      },
      {
        "name": "startAngle",
        "attribute": "start-angle",
        "type": "number"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Drawer",
    "tagName": "hf-drawer",
    "source": "analyzer",
    "pattern": "structured-overlay",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "direction",
        "attribute": "direction",
        "type": "string"
      },
      {
        "name": "disableAnimation",
        "attribute": "disable-animation",
        "type": "boolean"
      },
      {
        "name": "disableBackdropBlur",
        "attribute": "disable-backdrop-blur",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "title",
      "description",
      "body",
      "footer",
      "default"
    ]
  },
  {
    "component": "DropdownMenu",
    "tagName": "hf-dropdown-menu",
    "source": "analyzer",
    "pattern": "menu",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "width",
        "attribute": "width",
        "type": "string"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "sideOffset",
        "attribute": "side-offset",
        "type": "number"
      },
      {
        "name": "alignOffset",
        "attribute": "align-offset",
        "type": "number"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "default"
    ]
  },
  {
    "component": "EmptyState",
    "tagName": "hf-empty-state",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "media",
        "attribute": "media",
        "type": "string"
      },
      {
        "name": "pattern",
        "attribute": "pattern",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "iconLabel",
        "attribute": "icon-label",
        "type": "string"
      },
      {
        "name": "illustrationVariant",
        "attribute": "illustration-variant",
        "type": "string"
      },
      {
        "name": "illustrationTone",
        "attribute": "illustration-tone",
        "type": "string"
      },
      {
        "name": "fileExtension",
        "attribute": "file-extension",
        "type": "string"
      },
      {
        "name": "fileType",
        "attribute": "file-type",
        "type": "string"
      },
      {
        "name": "primaryAction",
        "attribute": "primary-action",
        "type": "json"
      },
      {
        "name": "secondaryAction",
        "attribute": "secondary-action",
        "type": "json"
      },
      {
        "name": "actions",
        "attribute": "actions",
        "type": "json"
      },
      {
        "name": "headingLevel",
        "attribute": "heading-level",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "FeaturedIcon",
    "tagName": "hf-featured-icon",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "intent",
        "attribute": "intent",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Field",
    "tagName": "hf-field",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "layout",
        "attribute": "layout",
        "type": "string"
      },
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ],
    "composition": [
      {
        "reactPattern": "Field with labeled form controls",
        "summary": "The WC field root exposes layout, state, disabled, and required attributes only.",
        "requiredPattern": "Use visible text inside hf-field and supported aria attributes on the nested control.",
        "invalidPattern": "Do not invent a label attribute on hf-field."
      }
    ]
  },
  {
    "component": "FileInput",
    "tagName": "hf-file-input",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "success",
        "attribute": "success",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "readOnly",
        "attribute": "read-only",
        "type": "boolean"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "accept",
        "attribute": "accept",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "browseLabel",
        "attribute": "browse-label",
        "type": "string"
      },
      {
        "name": "browseIcon",
        "attribute": "browse-icon",
        "type": "json"
      },
      {
        "name": "deleteLabel",
        "attribute": "delete-label",
        "type": "string"
      },
      {
        "name": "deleteIcon",
        "attribute": "delete-icon",
        "type": "json"
      }
    ],
    "events": [
      "change"
    ],
    "slots": []
  },
  {
    "component": "FileTypeIcon",
    "tagName": "hf-file-type-icon",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "extension",
        "attribute": "extension",
        "type": "string"
      },
      {
        "name": "fileType",
        "attribute": "file-type",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "FileUpload",
    "tagName": "hf-file-upload",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "files",
        "attribute": "files",
        "type": "json"
      },
      {
        "name": "areaProps",
        "attribute": "area-props",
        "type": "json"
      },
      {
        "name": "helpText",
        "attribute": "help-text",
        "type": "json"
      },
      {
        "name": "fileView",
        "attribute": "file-view",
        "type": "string"
      },
      {
        "name": "uploadFromUrl",
        "attribute": "upload-from-url",
        "type": "boolean"
      },
      {
        "name": "uploadUrl",
        "attribute": "upload-url",
        "type": "string"
      },
      {
        "name": "defaultUploadUrl",
        "attribute": "default-upload-url",
        "type": "string"
      },
      {
        "name": "uploadUrlPlaceholder",
        "attribute": "upload-url-placeholder",
        "type": "string"
      },
      {
        "name": "selectedFileIds",
        "attribute": "selected-file-ids",
        "type": "json"
      },
      {
        "name": "defaultSelectedFileIds",
        "attribute": "default-selected-file-ids",
        "type": "json"
      }
    ],
    "events": [
      "files-selected",
      "file-remove",
      "file-cancel",
      "file-retry",
      "upload-url-change",
      "url-upload",
      "selected-file-ids-change",
      "files-download"
    ],
    "slots": []
  },
  {
    "component": "History",
    "tagName": "hf-history",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "groups",
        "attribute": "groups",
        "type": "json"
      },
      {
        "name": "actions",
        "attribute": "actions",
        "type": "json"
      },
      {
        "name": "loading",
        "attribute": "loading",
        "type": "boolean"
      },
      {
        "name": "ariaLabel",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "emptyMessage",
        "attribute": "empty-message",
        "type": "string"
      },
      {
        "name": "collapsibleChangeThreshold",
        "attribute": "collapsible-change-threshold",
        "type": "number"
      },
      {
        "name": "autoExpandNewestLargeEdit",
        "attribute": "auto-expand-newest-large-edit",
        "type": "boolean"
      },
      {
        "name": "expandedEventIds",
        "attribute": "expanded-event-ids",
        "type": "json"
      },
      {
        "name": "defaultExpandedEventIds",
        "attribute": "default-expanded-event-ids",
        "type": "json"
      }
    ],
    "events": [
      "expanded-event-ids-change"
    ],
    "slots": []
  },
  {
    "component": "HorizontalBarChart",
    "tagName": "hf-horizontal-bar-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "showXAxis",
        "attribute": "show-x-axis",
        "type": "boolean"
      },
      {
        "name": "showYAxis",
        "attribute": "show-y-axis",
        "type": "boolean"
      },
      {
        "name": "xAxisLabel",
        "attribute": "x-axis-label",
        "type": "string"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "xAxisTicks",
        "attribute": "x-axis-ticks",
        "type": "json"
      },
      {
        "name": "xAxisFormat",
        "attribute": "x-axis-format",
        "type": "json"
      },
      {
        "name": "barRadius",
        "attribute": "bar-radius",
        "type": "number"
      },
      {
        "name": "barGap",
        "attribute": "bar-gap",
        "type": "number"
      },
      {
        "name": "barColor",
        "attribute": "bar-color",
        "type": "string"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "HoverCard",
    "tagName": "hf-hover-card",
    "source": "analyzer",
    "pattern": "simple-overlay",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "sideOffset",
        "attribute": "side-offset",
        "type": "number"
      },
      {
        "name": "alignOffset",
        "attribute": "align-offset",
        "type": "number"
      }
    ],
    "events": [],
    "slots": [
      "trigger",
      "content",
      "default"
    ]
  },
  {
    "component": "InlineCTA",
    "tagName": "hf-inline-cta",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "primaryLabel",
        "attribute": "primary-label",
        "type": "string"
      },
      {
        "name": "secondaryLabel",
        "attribute": "secondary-label",
        "type": "string"
      },
      {
        "name": "stackedActions",
        "attribute": "stacked-actions",
        "type": "boolean"
      }
    ],
    "events": [
      "primary-click",
      "secondary-click"
    ],
    "slots": []
  },
  {
    "component": "Input",
    "tagName": "hf-input",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      },
      {
        "name": "aria-describedby",
        "attribute": "aria-describedby",
        "type": "string"
      },
      {
        "name": "aria-controls",
        "attribute": "aria-controls",
        "type": "string"
      },
      {
        "name": "aria-expanded",
        "attribute": "aria-expanded",
        "type": "boolean"
      },
      {
        "name": "aria-invalid",
        "attribute": "aria-invalid",
        "type": "boolean"
      },
      {
        "name": "aria-required",
        "attribute": "aria-required",
        "type": "boolean"
      },
      {
        "name": "role",
        "attribute": "role",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "autoComplete",
        "attribute": "auto-complete",
        "type": "string"
      },
      {
        "name": "autoFocus",
        "attribute": "auto-focus",
        "type": "boolean"
      },
      {
        "name": "checked",
        "attribute": "checked",
        "type": "boolean"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "max",
        "attribute": "max",
        "type": "string"
      },
      {
        "name": "min",
        "attribute": "min",
        "type": "string"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "pattern",
        "attribute": "pattern",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "readOnly",
        "attribute": "read-only",
        "type": "boolean"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      },
      {
        "name": "step",
        "attribute": "step",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "startIcon",
        "attribute": "start-icon",
        "type": "json"
      },
      {
        "name": "endIcon",
        "attribute": "end-icon",
        "type": "json"
      },
      {
        "name": "startAddon",
        "attribute": "start-addon",
        "type": "json"
      },
      {
        "name": "endAddon",
        "attribute": "end-addon",
        "type": "json"
      },
      {
        "name": "hasOutline",
        "attribute": "has-outline",
        "type": "boolean"
      },
      {
        "name": "appearance",
        "attribute": "appearance",
        "type": "string"
      },
      {
        "name": "animated",
        "attribute": "animated",
        "type": "boolean"
      },
      {
        "name": "loading",
        "attribute": "loading",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Item",
    "tagName": "hf-item",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "leading",
        "attribute": "leading",
        "type": "json"
      },
      {
        "name": "trailing",
        "attribute": "trailing",
        "type": "json"
      },
      {
        "name": "render",
        "attribute": "render",
        "type": "json"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Kbd",
    "tagName": "hf-kbd",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "iconAfter",
        "attribute": "icon-after",
        "type": "json"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "LineChart",
    "tagName": "hf-line-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "showYAxis",
        "attribute": "show-y-axis",
        "type": "boolean"
      },
      {
        "name": "showXAxis",
        "attribute": "show-x-axis",
        "type": "boolean"
      },
      {
        "name": "showGrid",
        "attribute": "show-grid",
        "type": "boolean"
      },
      {
        "name": "xAxisInterval",
        "attribute": "x-axis-interval",
        "type": "string"
      },
      {
        "name": "yAxisLabel",
        "attribute": "y-axis-label",
        "type": "string"
      },
      {
        "name": "xAxisLabel",
        "attribute": "x-axis-label",
        "type": "string"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "yAxisTicks",
        "attribute": "y-axis-ticks",
        "type": "json"
      },
      {
        "name": "yAxisFormat",
        "attribute": "y-axis-format",
        "type": "json"
      },
      {
        "name": "showArea",
        "attribute": "show-area",
        "type": "boolean"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "showDots",
        "attribute": "show-dots",
        "type": "boolean"
      },
      {
        "name": "dotStyle",
        "attribute": "dot-style",
        "type": "string"
      },
      {
        "name": "showValueLabels",
        "attribute": "show-value-labels",
        "type": "boolean"
      },
      {
        "name": "valueLabelType",
        "attribute": "value-label-type",
        "type": "string"
      },
      {
        "name": "valueLabelFormatter",
        "attribute": "value-label-formatter",
        "type": "json"
      },
      {
        "name": "curveType",
        "attribute": "curve-type",
        "type": "string"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "LoadingIndicator",
    "tagName": "hf-loading-indicator",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "showText",
        "attribute": "show-text",
        "type": "boolean"
      },
      {
        "name": "text",
        "attribute": "text",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "trackColor",
        "attribute": "track-color",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "MetricCard",
    "tagName": "hf-metric-card",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Data Display",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "number"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      },
      {
        "name": "change",
        "attribute": "change",
        "type": "number"
      },
      {
        "name": "changeOverride",
        "attribute": "change-override",
        "type": "number"
      },
      {
        "name": "changeSentiment",
        "attribute": "change-sentiment",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "chartType",
        "attribute": "chart-type",
        "type": "string"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "showArea",
        "attribute": "show-area",
        "type": "boolean"
      },
      {
        "name": "showDots",
        "attribute": "show-dots",
        "type": "boolean"
      },
      {
        "name": "curveType",
        "attribute": "curve-type",
        "type": "string"
      },
      {
        "name": "valueFormatter",
        "attribute": "value-formatter",
        "type": "json"
      },
      {
        "name": "changeFormatter",
        "attribute": "change-formatter",
        "type": "json"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "MetricItem",
    "tagName": "hf-metric-item",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "breakpoint",
        "attribute": "breakpoint",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "changeValue",
        "attribute": "change-value",
        "type": "string"
      },
      {
        "name": "changeTrend",
        "attribute": "change-trend",
        "type": "string"
      },
      {
        "name": "changeIcon",
        "attribute": "change-icon",
        "type": "string"
      },
      {
        "name": "comparisonText",
        "attribute": "comparison-text",
        "type": "string"
      },
      {
        "name": "subtitle",
        "attribute": "subtitle",
        "type": "string"
      },
      {
        "name": "showDropdown",
        "attribute": "show-dropdown",
        "type": "boolean"
      },
      {
        "name": "showActions",
        "attribute": "show-actions",
        "type": "boolean"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "iconBgColor",
        "attribute": "icon-bg-color",
        "type": "string"
      },
      {
        "name": "iconColor",
        "attribute": "icon-color",
        "type": "string"
      },
      {
        "name": "chartData",
        "attribute": "chart-data",
        "type": "json"
      },
      {
        "name": "featuredIconVariant",
        "attribute": "featured-icon-variant",
        "type": "string"
      }
    ],
    "events": [
      "view-report",
      "dropdown-click"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "NavAccountMenu",
    "tagName": "hf-nav-account-menu",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "NotificationPanel",
    "tagName": "hf-notification-panel",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "showOverlay",
        "attribute": "show-overlay",
        "type": "boolean"
      },
      {
        "name": "width",
        "attribute": "width",
        "type": "number"
      },
      {
        "name": "height",
        "attribute": "height",
        "type": "number"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "settings-click",
      "mark-all-read",
      "clear-all",
      "close"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "NumberInput",
    "tagName": "hf-number-input",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      },
      {
        "name": "aria-describedby",
        "attribute": "aria-describedby",
        "type": "string"
      },
      {
        "name": "aria-controls",
        "attribute": "aria-controls",
        "type": "string"
      },
      {
        "name": "aria-expanded",
        "attribute": "aria-expanded",
        "type": "boolean"
      },
      {
        "name": "aria-invalid",
        "attribute": "aria-invalid",
        "type": "boolean"
      },
      {
        "name": "aria-required",
        "attribute": "aria-required",
        "type": "boolean"
      },
      {
        "name": "role",
        "attribute": "role",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "autoComplete",
        "attribute": "auto-complete",
        "type": "string"
      },
      {
        "name": "autoFocus",
        "attribute": "auto-focus",
        "type": "boolean"
      },
      {
        "name": "checked",
        "attribute": "checked",
        "type": "boolean"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "max",
        "attribute": "max",
        "type": "string"
      },
      {
        "name": "min",
        "attribute": "min",
        "type": "string"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "pattern",
        "attribute": "pattern",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "readOnly",
        "attribute": "read-only",
        "type": "boolean"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      },
      {
        "name": "step",
        "attribute": "step",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "destructive",
        "attribute": "destructive",
        "type": "boolean"
      }
    ],
    "events": [
      "change"
    ],
    "slots": []
  },
  {
    "component": "PageBackground",
    "tagName": "hf-page-background",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "pattern",
        "attribute": "pattern",
        "type": "string"
      },
      {
        "name": "offset",
        "attribute": "offset",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "PageHeader",
    "tagName": "hf-page-header",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Application Components",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "supportingText",
        "attribute": "supporting-text",
        "type": "string"
      },
      {
        "name": "breadcrumbs",
        "attribute": "breadcrumbs",
        "type": "json"
      },
      {
        "name": "actions",
        "attribute": "actions",
        "type": "json"
      },
      {
        "name": "searchPlaceholder",
        "attribute": "search-placeholder",
        "type": "string"
      },
      {
        "name": "searchShortcut",
        "attribute": "search-shortcut",
        "type": "string"
      },
      {
        "name": "showDivider",
        "attribute": "show-divider",
        "type": "boolean"
      },
      {
        "name": "avatarSrc",
        "attribute": "avatar-src",
        "type": "string"
      },
      {
        "name": "avatarFallback",
        "attribute": "avatar-fallback",
        "type": "string"
      },
      {
        "name": "avatarStatusIcon",
        "attribute": "avatar-status-icon",
        "type": "string"
      },
      {
        "name": "backLabel",
        "attribute": "back-label",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "search",
      "back-click"
    ],
    "slots": []
  },
  {
    "component": "Pagination",
    "tagName": "hf-pagination",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Navigation & Menus",
    "props": [
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "prevNextStyle",
        "attribute": "prev-next-style",
        "type": "string"
      },
      {
        "name": "currentPage",
        "attribute": "current-page",
        "type": "number"
      },
      {
        "name": "totalPages",
        "attribute": "total-pages",
        "type": "number"
      },
      {
        "name": "siblingCount",
        "attribute": "sibling-count",
        "type": "number"
      },
      {
        "name": "showPageNumbers",
        "attribute": "show-page-numbers",
        "type": "boolean"
      },
      {
        "name": "previousText",
        "attribute": "previous-text",
        "type": "string"
      },
      {
        "name": "nextText",
        "attribute": "next-text",
        "type": "string"
      },
      {
        "name": "itemsPerPage",
        "attribute": "items-per-page",
        "type": "number"
      },
      {
        "name": "perPageOptions",
        "attribute": "per-page-options",
        "type": "json"
      },
      {
        "name": "activeColor",
        "attribute": "active-color",
        "type": "string"
      }
    ],
    "events": [
      "page-change",
      "per-page-change"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "PieChart",
    "tagName": "hf-pie-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "hole",
        "attribute": "hole",
        "type": "string"
      },
      {
        "name": "startAngle",
        "attribute": "start-angle",
        "type": "number"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "paddingAngle",
        "attribute": "padding-angle",
        "type": "number"
      },
      {
        "name": "showLabels",
        "attribute": "show-labels",
        "type": "boolean"
      },
      {
        "name": "labelType",
        "attribute": "label-type",
        "type": "string"
      },
      {
        "name": "labelPosition",
        "attribute": "label-position",
        "type": "string"
      },
      {
        "name": "centerValue",
        "attribute": "center-value",
        "type": "string"
      },
      {
        "name": "centerLabel",
        "attribute": "center-label",
        "type": "string"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Popover",
    "tagName": "hf-popover",
    "source": "analyzer",
    "pattern": "simple-overlay",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "sideOffset",
        "attribute": "side-offset",
        "type": "number"
      },
      {
        "name": "alignOffset",
        "attribute": "align-offset",
        "type": "number"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "content",
      "title",
      "description",
      "default"
    ]
  },
  {
    "component": "Progress",
    "tagName": "hf-progress",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "number"
      },
      {
        "name": "circular",
        "attribute": "circular",
        "type": "boolean"
      },
      {
        "name": "segments",
        "attribute": "segments",
        "type": "number"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "subLabel",
        "attribute": "sub-label",
        "type": "string"
      },
      {
        "name": "showValue",
        "attribute": "show-value",
        "type": "boolean"
      },
      {
        "name": "labelPosition",
        "attribute": "label-position",
        "type": "string"
      },
      {
        "name": "valueFormat",
        "attribute": "value-format",
        "type": "json"
      },
      {
        "name": "icon",
        "attribute": "icon",
        "type": "json"
      },
      {
        "name": "avatarSrc",
        "attribute": "avatar-src",
        "type": "string"
      },
      {
        "name": "avatarFallback",
        "attribute": "avatar-fallback",
        "type": "string"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "trackColor",
        "attribute": "track-color",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "RadarChart",
    "tagName": "hf-radar-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "showGrid",
        "attribute": "show-grid",
        "type": "boolean"
      },
      {
        "name": "gridType",
        "attribute": "grid-type",
        "type": "string"
      },
      {
        "name": "showRadialLines",
        "attribute": "show-radial-lines",
        "type": "boolean"
      },
      {
        "name": "fillGrid",
        "attribute": "fill-grid",
        "type": "boolean"
      },
      {
        "name": "showAxisLabels",
        "attribute": "show-axis-labels",
        "type": "boolean"
      },
      {
        "name": "axisLabelFormatter",
        "attribute": "axis-label-formatter",
        "type": "json"
      },
      {
        "name": "showRadiusTicks",
        "attribute": "show-radius-ticks",
        "type": "boolean"
      },
      {
        "name": "radiusTickFormatter",
        "attribute": "radius-tick-formatter",
        "type": "json"
      },
      {
        "name": "radiusAxisAngle",
        "attribute": "radius-axis-angle",
        "type": "number"
      },
      {
        "name": "showDots",
        "attribute": "show-dots",
        "type": "boolean"
      },
      {
        "name": "domain",
        "attribute": "domain",
        "type": "json"
      },
      {
        "name": "fillOpacity",
        "attribute": "fill-opacity",
        "type": "number"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "RadialChart",
    "tagName": "hf-radial-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "series",
        "attribute": "series",
        "type": "json"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "maxValue",
        "attribute": "max-value",
        "type": "number"
      },
      {
        "name": "centerValue",
        "attribute": "center-value",
        "type": "string"
      },
      {
        "name": "centerLabel",
        "attribute": "center-label",
        "type": "string"
      },
      {
        "name": "legendPosition",
        "attribute": "legend-position",
        "type": "string"
      },
      {
        "name": "showBackground",
        "attribute": "show-background",
        "type": "boolean"
      },
      {
        "name": "showGrid",
        "attribute": "show-grid",
        "type": "boolean"
      },
      {
        "name": "barSize",
        "attribute": "bar-size",
        "type": "number"
      },
      {
        "name": "barGap",
        "attribute": "bar-gap",
        "type": "number"
      },
      {
        "name": "cornerRadius",
        "attribute": "corner-radius",
        "type": "number"
      },
      {
        "name": "startAngle",
        "attribute": "start-angle",
        "type": "number"
      },
      {
        "name": "endAngle",
        "attribute": "end-angle",
        "type": "number"
      },
      {
        "name": "showTooltip",
        "attribute": "show-tooltip",
        "type": "boolean"
      },
      {
        "name": "valueSuffix",
        "attribute": "value-suffix",
        "type": "string"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "RadioGroup",
    "tagName": "hf-radio-group",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "items",
        "attribute": "items",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "gap",
        "attribute": "gap",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "filled",
        "attribute": "filled",
        "type": "boolean"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [],
    "composition": [
      {
        "reactPattern": "RadioGroup or option-set controls",
        "summary": "Option groups use manifest-backed JSON data attributes.",
        "requiredPattern": "Use items JSON plus supported value/default-value/name attributes.",
        "invalidPattern": "Do not use an options attribute unless the manifest adds one."
      }
    ]
  },
  {
    "component": "Rating",
    "tagName": "hf-rating",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [
      {
        "name": "value",
        "attribute": "value",
        "type": "number"
      },
      {
        "name": "max",
        "attribute": "max",
        "type": "number"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "type",
        "attribute": "type",
        "type": "string"
      },
      {
        "name": "readOnly",
        "attribute": "read-only",
        "type": "boolean"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "change"
    ],
    "slots": []
  },
  {
    "component": "RichTextarea",
    "tagName": "hf-rich-textarea",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "hint",
        "attribute": "hint",
        "type": "string"
      },
      {
        "name": "error",
        "attribute": "error",
        "type": "string"
      },
      {
        "name": "required",
        "attribute": "required",
        "type": "boolean"
      },
      {
        "name": "showHelpIcon",
        "attribute": "show-help-icon",
        "type": "boolean"
      },
      {
        "name": "showCharCount",
        "attribute": "show-char-count",
        "type": "boolean"
      },
      {
        "name": "maxLength",
        "attribute": "max-length",
        "type": "number"
      },
      {
        "name": "charCount",
        "attribute": "char-count",
        "type": "number"
      },
      {
        "name": "showResizeHandle",
        "attribute": "show-resize-handle",
        "type": "boolean"
      },
      {
        "name": "showAiAssist",
        "attribute": "show-ai-assist",
        "type": "boolean"
      },
      {
        "name": "showExpand",
        "attribute": "show-expand",
        "type": "boolean"
      },
      {
        "name": "rtl",
        "attribute": "rtl",
        "type": "boolean"
      },
      {
        "name": "formatting",
        "attribute": "formatting",
        "type": "json"
      }
    ],
    "events": [
      "help-click",
      "ai-assist",
      "undo",
      "redo",
      "expand",
      "format-change"
    ],
    "slots": []
  },
  {
    "component": "ScrollArea",
    "tagName": "hf-scroll-area",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Layout & Containers",
    "props": [],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "SectionHeader",
    "tagName": "hf-section-header",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "title",
        "attribute": "title",
        "type": "string"
      },
      {
        "name": "supportingText",
        "attribute": "supporting-text",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "headingLevel",
        "attribute": "heading-level",
        "type": "string"
      },
      {
        "name": "actions",
        "attribute": "actions",
        "type": "json"
      },
      {
        "name": "toggleGroup",
        "attribute": "toggle-group",
        "type": "json"
      },
      {
        "name": "search",
        "attribute": "search",
        "type": "json"
      },
      {
        "name": "tabs",
        "attribute": "tabs",
        "type": "json"
      },
      {
        "name": "menuButton",
        "attribute": "menu-button",
        "type": "json"
      },
      {
        "name": "showDivider",
        "attribute": "show-divider",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Select",
    "tagName": "hf-select",
    "source": "analyzer",
    "pattern": "select",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "options",
        "attribute": "options",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "placeholder",
        "attribute": "placeholder",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "aria-labelledby",
        "attribute": "aria-labelledby",
        "type": "string"
      },
      {
        "name": "aria-describedby",
        "attribute": "aria-describedby",
        "type": "string"
      },
      {
        "name": "aria-invalid",
        "attribute": "aria-invalid",
        "type": "boolean"
      },
      {
        "name": "aria-required",
        "attribute": "aria-required",
        "type": "boolean"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": []
  },
  {
    "component": "Separator",
    "tagName": "hf-separator",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Layout & Containers",
    "props": [],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Sheet",
    "tagName": "hf-sheet",
    "source": "analyzer",
    "pattern": "structured-overlay",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "open",
        "attribute": "open",
        "type": "boolean"
      },
      {
        "name": "defaultOpen",
        "attribute": "default-open",
        "type": "boolean"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "width",
        "attribute": "width",
        "type": "string"
      },
      {
        "name": "showCloseButton",
        "attribute": "show-close-button",
        "type": "boolean"
      },
      {
        "name": "disableAnimation",
        "attribute": "disable-animation",
        "type": "boolean"
      },
      {
        "name": "modal",
        "attribute": "modal",
        "type": "boolean"
      }
    ],
    "events": [
      "open-change"
    ],
    "slots": [
      "trigger",
      "icon",
      "title",
      "description",
      "body",
      "footer",
      "default"
    ]
  },
  {
    "component": "Skeleton",
    "tagName": "hf-skeleton",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Display & Feedback",
    "props": [],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Slider",
    "tagName": "hf-slider",
    "source": "adapter",
    "pattern": "adapter",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "value",
        "attribute": "value",
        "type": "json"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "json"
      },
      {
        "name": "min",
        "attribute": "min",
        "type": "number"
      },
      {
        "name": "max",
        "attribute": "max",
        "type": "number"
      },
      {
        "name": "step",
        "attribute": "step",
        "type": "number"
      },
      {
        "name": "disabled",
        "attribute": "disabled",
        "type": "boolean"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "name",
        "attribute": "name",
        "type": "string"
      },
      {
        "name": "dir",
        "attribute": "dir",
        "type": "string"
      },
      {
        "name": "mode",
        "attribute": "mode",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "labelMode",
        "attribute": "label-mode",
        "type": "string"
      },
      {
        "name": "ariaLabel",
        "attribute": "aria-label",
        "type": "string"
      },
      {
        "name": "showMinMax",
        "attribute": "show-min-max",
        "type": "boolean"
      },
      {
        "name": "hint",
        "attribute": "hint",
        "type": "string"
      },
      {
        "name": "marks",
        "attribute": "marks",
        "type": "json"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [
      "start-content",
      "end-content",
      "thumb-content"
    ]
  },
  {
    "component": "SparklineChart",
    "tagName": "hf-sparkline-chart",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Charts",
    "props": [
      {
        "name": "data",
        "attribute": "data",
        "type": "json"
      },
      {
        "name": "color",
        "attribute": "color",
        "type": "string"
      },
      {
        "name": "width",
        "attribute": "width",
        "type": "number"
      },
      {
        "name": "height",
        "attribute": "height",
        "type": "number"
      },
      {
        "name": "strokeWidth",
        "attribute": "stroke-width",
        "type": "number"
      },
      {
        "name": "curveType",
        "attribute": "curve-type",
        "type": "string"
      },
      {
        "name": "showArea",
        "attribute": "show-area",
        "type": "boolean"
      },
      {
        "name": "decorative",
        "attribute": "decorative",
        "type": "boolean"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Steps",
    "tagName": "hf-steps",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Miscellaneous",
    "props": [
      {
        "name": "steps",
        "attribute": "steps",
        "type": "json"
      },
      {
        "name": "currentStep",
        "attribute": "current-step",
        "type": "number"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "shape",
        "attribute": "shape",
        "type": "string"
      },
      {
        "name": "bulletType",
        "attribute": "bullet-type",
        "type": "string"
      },
      {
        "name": "className",
        "attribute": "class-name",
        "type": "string"
      }
    ],
    "events": [
      "step-click"
    ],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Switch",
    "tagName": "hf-switch",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "switchStyle",
        "attribute": "switch-style",
        "type": "string"
      },
      {
        "name": "withIcon",
        "attribute": "with-icon",
        "type": "boolean"
      },
      {
        "name": "thumbIconOn",
        "attribute": "thumb-icon-on",
        "type": "json"
      },
      {
        "name": "thumbIconOff",
        "attribute": "thumb-icon-off",
        "type": "json"
      },
      {
        "name": "showOnOff",
        "attribute": "show-on-off",
        "type": "boolean"
      },
      {
        "name": "onLabel",
        "attribute": "on-label",
        "type": "string"
      },
      {
        "name": "offLabel",
        "attribute": "off-label",
        "type": "string"
      },
      {
        "name": "labelPosition",
        "attribute": "label-position",
        "type": "string"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      },
      {
        "name": "checked",
        "attribute": "checked",
        "type": "boolean"
      },
      {
        "name": "defaultChecked",
        "attribute": "default-checked",
        "type": "boolean"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "description",
        "attribute": "description",
        "type": "string"
      }
    ],
    "events": [
      "checked-change"
    ],
    "slots": [],
    "composition": [
      {
        "reactPattern": "Switch",
        "summary": "The WC switch exposes label, description, and controlled or uncontrolled checked state.",
        "requiredPattern": "Use label and description, then set checked or default-checked and listen for checked-change when state is interactive.",
        "invalidPattern": "Do not invent React-only thumb icon slots or field adornment props on hf-switch."
      }
    ]
  },
  {
    "component": "Table",
    "tagName": "hf-table",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Data Display",
    "props": [
      {
        "name": "disableOverflow",
        "attribute": "disable-overflow",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  },
  {
    "component": "Tabs",
    "tagName": "hf-tabs",
    "source": "analyzer",
    "pattern": "tabbed",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "tabs",
        "attribute": "tabs",
        "type": "json"
      },
      {
        "name": "value",
        "attribute": "value",
        "type": "string"
      },
      {
        "name": "defaultValue",
        "attribute": "default-value",
        "type": "string"
      },
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "orientation",
        "attribute": "orientation",
        "type": "string"
      }
    ],
    "events": [
      "value-change"
    ],
    "slots": [
      "panel-{value}"
    ]
  },
  {
    "component": "Textarea",
    "tagName": "hf-textarea",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "state",
        "attribute": "state",
        "type": "string"
      },
      {
        "name": "startIcon",
        "attribute": "start-icon",
        "type": "json"
      },
      {
        "name": "endIcon",
        "attribute": "end-icon",
        "type": "json"
      },
      {
        "name": "hasOutline",
        "attribute": "has-outline",
        "type": "boolean"
      }
    ],
    "events": [],
    "slots": []
  },
  {
    "component": "Toggle",
    "tagName": "hf-toggle",
    "source": "simple",
    "pattern": "simple",
    "docsCategory": "Primitives (Form Controls)",
    "props": [
      {
        "name": "variant",
        "attribute": "variant",
        "type": "string"
      },
      {
        "name": "size",
        "attribute": "size",
        "type": "string"
      },
      {
        "name": "label",
        "attribute": "label",
        "type": "string"
      },
      {
        "name": "pressed",
        "attribute": "pressed",
        "type": "boolean"
      },
      {
        "name": "defaultPressed",
        "attribute": "default-pressed",
        "type": "boolean"
      },
      {
        "name": "aria-label",
        "attribute": "aria-label",
        "type": "string"
      }
    ],
    "events": [
      "pressed-change"
    ],
    "slots": []
  },
  {
    "component": "Tooltip",
    "tagName": "hf-tooltip",
    "source": "analyzer",
    "pattern": "tooltip",
    "docsCategory": "Layout & Containers",
    "props": [
      {
        "name": "content",
        "attribute": "content",
        "type": "string"
      },
      {
        "name": "supportingText",
        "attribute": "supporting-text",
        "type": "string"
      },
      {
        "name": "side",
        "attribute": "side",
        "type": "string"
      },
      {
        "name": "align",
        "attribute": "align",
        "type": "string"
      },
      {
        "name": "sideOffset",
        "attribute": "side-offset",
        "type": "number"
      },
      {
        "name": "delayDuration",
        "attribute": "delay-duration",
        "type": "number"
      }
    ],
    "events": [],
    "slots": [
      "default"
    ]
  }
]