# Web Component Inventory

Generated from `src/wc/manifest.generated.json`. This file is the attribute contract for `humain-ui-wc` examples and prototype artifacts.

Use only listed tags and attributes. Global HTML attributes such as `class`, `id`, `style`, `role`, `slot`, `part`, `tabindex`, `aria-*`, and `data-*` are also allowed.

`hf-data-table` responsive columns are opt-in with `responsive-columns`. Put `{ "responsive": { "priority": "always" | "desktop" | "mobile", "hideBelow": "sm" | "md" | "lg" } }` on each object in the JSON `columns` attribute. Omitted `priority`/`hideBelow` defaults to a desktop column hidden below `md`; `priority: "always"` and `priority: "mobile"` ignore `hideBelow`.

## Primitives (Form Controls)

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-autocomplete` | `Autocomplete` | `placeholder`, `items`, `groups`, `value`, `default-value`, `disabled`, `destructive`, `start-icon`, `end-icon`, `show-arrow`, `show-check`, `filter-fn`, `mode`, `auto-highlight`, `open`, `default-open`, `class-name`, `input-class-name`, `popup-class-name`, `empty-text`, `name`, `required`, `size`, `multiple`, `selected-items`, `render-selected-item`, `allow-create`, `create-item`, `max-items`, `prevent-duplicates`, `backspace-removes-last`, `aria-label`, `aria-labelledby`, `aria-describedby`, `aria-invalid`, `aria-required` | - | `value-change`, `select`, `open-change`, `selected-items-change` |
| `hf-button` | `Button` | `size`, `aria-label`, `aria-labelledby`, `aria-describedby`, `aria-controls`, `aria-expanded`, `aria-invalid`, `aria-required`, `role`, `title`, `disabled`, `name`, `type`, `value`, `appearance`, `variant`, `shape`, `loading`, `native-button`, `start-icon`, `end-icon`, `dot-indicator`, `dot-color`, `badge`, `icon-only`, `animated`, `render` | `default` | - |
| `hf-calendar` | `Calendar` | - | `default` | - |
| `hf-checkbox` | `Checkbox` | - | - | - |
| `hf-checkbox-group` | `CheckboxGroup` | `items`, `value`, `default-value`, `variant`, `size`, `orientation`, `gap`, `color`, `filled`, `disabled`, `aria-label`, `aria-labelledby` | - | `value-change` |
| `hf-date-picker` | `DatePicker` | `value`, `placeholder`, `disabled`, `class-name`, `date-format`, `min-date`, `max-date`, `disabled-dates`, `dir` | - | `change` |
| `hf-file-upload` | `FileUpload` | `files`, `area-props`, `help-text`, `file-view`, `upload-from-url`, `upload-url`, `default-upload-url`, `upload-url-placeholder`, `selected-file-ids`, `default-selected-file-ids` | - | `files-selected`, `file-remove`, `file-cancel`, `file-retry`, `upload-url-change`, `url-upload`, `selected-file-ids-change`, `files-download` |
| `hf-input` | `Input` | `aria-label`, `aria-labelledby`, `aria-describedby`, `aria-controls`, `aria-expanded`, `aria-invalid`, `aria-required`, `role`, `title`, `auto-complete`, `auto-focus`, `checked`, `default-value`, `disabled`, `max`, `min`, `name`, `pattern`, `placeholder`, `read-only`, `required`, `step`, `type`, `value`, `size`, `shape`, `state`, `start-icon`, `end-icon`, `start-addon`, `end-addon`, `has-outline`, `appearance`, `animated`, `loading` | - | - |
| `hf-radio-group` | `RadioGroup` | `items`, `value`, `default-value`, `variant`, `size`, `orientation`, `gap`, `color`, `filled`, `disabled`, `name`, `required`, `aria-label`, `aria-labelledby` | - | `value-change` |
| `hf-rich-textarea` | `RichTextarea` | `label`, `hint`, `error`, `required`, `show-help-icon`, `show-char-count`, `max-length`, `char-count`, `show-resize-handle`, `show-ai-assist`, `show-expand`, `rtl`, `formatting` | - | `help-click`, `ai-assist`, `undo`, `redo`, `expand`, `format-change` |
| `hf-select` | `Select` | `options`, `value`, `default-value`, `placeholder`, `variant`, `size`, `disabled`, `aria-label`, `aria-labelledby`, `aria-describedby`, `aria-invalid`, `aria-required` | - | `value-change` |
| `hf-slider` | `Slider` | `value`, `default-value`, `min`, `max`, `step`, `disabled`, `orientation`, `name`, `dir`, `mode`, `variant`, `size`, `color`, `label`, `label-mode`, `aria-label`, `show-min-max`, `hint`, `marks` | `start-content`, `end-content`, `thumb-content` | `value-change` |
| `hf-switch` | `Switch` | `size`, `variant`, `switch-style`, `with-icon`, `thumb-icon-on`, `thumb-icon-off`, `show-on-off`, `on-label`, `off-label`, `label-position`, `orientation`, `checked`, `default-checked`, `label`, `description` | - | `checked-change` |
| `hf-textarea` | `Textarea` | `state`, `start-icon`, `end-icon`, `has-outline` | - | - |
| `hf-toggle` | `Toggle` | `variant`, `size`, `label`, `pressed`, `default-pressed`, `aria-label` | - | `pressed-change` |

## Layout & Containers

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-accordion` | `Accordion` | `items`, `value`, `default-value`, `multiple` | `content-{value}` | `value-change` |
| `hf-card` | `Card` | `size`, `padding`, `appearance` | `default` | - |
| `hf-collapsible` | `Collapsible` | `open`, `default-open`, `disabled` | `trigger`, `content` | `open-change` |
| `hf-dialog` | `Dialog` | `open`, `default-open`, `size`, `icon-variant`, `layout`, `show-close-button`, `disable-animation`, `modal` | `trigger`, `icon`, `title`, `description`, `body`, `footer`, `default` | `open-change` |
| `hf-drawer` | `Drawer` | `default-open`, `direction`, `disable-animation`, `disable-backdrop-blur` | `trigger`, `title`, `description`, `body`, `footer`, `default` | `open-change` |
| `hf-hover-card` | `HoverCard` | `side`, `align`, `side-offset`, `align-offset` | `trigger`, `content`, `default` | - |
| `hf-popover` | `Popover` | `open`, `default-open`, `side`, `align`, `side-offset`, `align-offset` | `trigger`, `content`, `title`, `description`, `default` | `open-change` |
| `hf-scroll-area` | `ScrollArea` | - | `default` | - |
| `hf-section-header` | `SectionHeader` | `title`, `supporting-text`, `size`, `heading-level`, `actions`, `toggle-group`, `search`, `tabs`, `menu-button`, `show-divider` | `default` | - |
| `hf-separator` | `Separator` | - | `default` | - |
| `hf-sheet` | `Sheet` | `open`, `default-open`, `side`, `width`, `show-close-button`, `disable-animation`, `modal` | `trigger`, `icon`, `title`, `description`, `body`, `footer`, `default` | `open-change` |
| `hf-tabs` | `Tabs` | `tabs`, `value`, `default-value`, `variant`, `align`, `orientation` | `panel-{value}` | `value-change` |
| `hf-tooltip` | `Tooltip` | `content`, `supporting-text`, `side`, `align`, `side-offset`, `delay-duration` | `default` | - |

## Display & Feedback

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-avatar` | `Avatar` | `size`, `shape`, `type`, `ring`, `indicator`, `indicator-position`, `soft-color`, `src`, `alt`, `fallback`, `icon`, `class-name` | - | - |
| `hf-badge` | `Badge` | `variant`, `color`, `size`, `shape`, `leading-icon`, `trailing-icon`, `avatar`, `icon-only`, `closable`, `close-label` | `default` | `close` |
| `hf-code-snippet` | `CodeSnippet` | `size`, `code`, `language`, `file-name`, `show-header`, `show-line-numbers`, `start-line-number`, `show-copy-button`, `class-name`, `breakpoint`, `highlighted-lines`, `highlighted-code`, `header-actions`, `toolbar` | - | - |
| `hf-empty-state` | `EmptyState` | `title`, `description`, `size`, `media`, `pattern`, `icon`, `icon-label`, `illustration-variant`, `illustration-tone`, `file-extension`, `file-type`, `primary-action`, `secondary-action`, `actions`, `heading-level` | `default` | - |
| `hf-kbd` | `Kbd` | `variant`, `size`, `icon`, `icon-after` | `default` | - |
| `hf-loading-indicator` | `LoadingIndicator` | `size`, `variant`, `show-text`, `text`, `color`, `track-color` | `default` | - |
| `hf-progress` | `Progress` | `type`, `value`, `circular`, `segments`, `variant`, `size`, `label`, `sub-label`, `show-value`, `label-position`, `value-format`, `icon`, `avatar-src`, `avatar-fallback`, `stroke-width`, `color`, `track-color` | - | - |
| `hf-rating` | `Rating` | `value`, `max`, `size`, `color`, `type`, `read-only`, `name`, `class-name` | - | `change` |
| `hf-skeleton` | `Skeleton` | - | `default` | - |

## Navigation & Menus

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-breadcrumb` | `Breadcrumb` | `separator`, `ring` | `default` | - |
| `hf-combobox-menu` | `ComboboxMenu` | `size`, `variant`, `width`, `options`, `groups`, `value`, `default-value`, `placeholder`, `search-placeholder`, `empty-text`, `multiple`, `disabled`, `searchable`, `trigger`, `header`, `dir`, `trigger-class-name`, `content-class-name`, `content-aria-label`, `open`, `default-open`, `side`, `align`, `max-height` | - | `value-change`, `open-change` |
| `hf-command-menu` | `CommandMenu` | `open`, `placeholder`, `empty-text`, `empty-state`, `show-results`, `options`, `groups`, `show-shortcut`, `shortcut-text`, `show-footer`, `footer-hints`, `show-settings-button`, `class-name`, `max-height`, `filter` | `default` | `open-change`, `select`, `settings-click` |
| `hf-context-menu` | `ContextMenu` | `open`, `default-open` | `trigger`, `default` | `open-change` |
| `hf-dropdown-menu` | `DropdownMenu` | `open`, `width`, `side`, `align`, `side-offset`, `align-offset` | `trigger`, `default` | `open-change` |
| `hf-nav-account-menu` | `NavAccountMenu` | `type`, `open`, `default-open` | `default` | `open-change` |
| `hf-pagination` | `Pagination` | `type`, `size`, `variant`, `shape`, `prev-next-style`, `current-page`, `total-pages`, `sibling-count`, `show-page-numbers`, `previous-text`, `next-text`, `items-per-page`, `per-page-options`, `active-color` | `default` | `page-change`, `per-page-change` |

## Data Display

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-activity-feed` | `ActivityFeed` | `divider`, `items`, `type`, `loading` | `default` | - |
| `hf-data-table` | `DataTable` | `columns`, `data`, `enable-row-selection`, `enable-multi-row-selection`, `enable-sorting`, `enable-pagination`, `page-size`, `density`, `dividers`, `rounded`, `bordered`, `max-height`, `sticky-header`, `caption`, `show-select-all`, `pagination-type`, `pagination-shape`, `pagination-size`, `pagination-show-page-numbers`, `responsive-columns`, `show-selection-count`, `row-id-key` | - | `row-click`, `selection-change`, `sorting-change`, `page-change` |
| `hf-metric-card` | `MetricCard` | `size`, `value`, `title`, `description`, `change`, `change-override`, `change-sentiment`, `data`, `series`, `chart-type`, `stroke-width`, `show-area`, `show-dots`, `curve-type`, `value-formatter`, `change-formatter` | `default` | - |
| `hf-table` | `Table` | `disable-overflow` | `default` | - |

## Charts

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-area-chart` | `AreaChart` | `size`, `data`, `series`, `show-y-axis`, `show-x-axis`, `x-axis-interval`, `show-grid`, `legend-position`, `area-mode`, `fill-style`, `curve-type`, `fill-opacity`, `stroke-width`, `show-dots`, `y-axis-ticks`, `y-axis-format`, `show-tooltip`, `aria-label` | `default` | - |
| `hf-bar-chart` | `BarChart` | `size`, `data`, `series`, `show-y-axis`, `show-x-axis`, `show-grid`, `y-axis-label`, `x-axis-label`, `legend-position`, `y-axis-ticks`, `y-axis-format`, `bar-mode`, `orientation`, `color-by-category`, `show-value-labels`, `value-label-position`, `bar-radius`, `bar-gap`, `bar-group-gap`, `show-tooltip`, `aria-label` | `default` | - |
| `hf-donut-chart` | `DonutChart` | `size`, `data`, `series`, `center-value`, `center-label`, `ring-gap`, `ring-thickness`, `start-angle`, `legend-position`, `show-tooltip`, `aria-label` | `default` | - |
| `hf-horizontal-bar-chart` | `HorizontalBarChart` | `size`, `data`, `series`, `show-x-axis`, `show-y-axis`, `x-axis-label`, `legend-position`, `x-axis-ticks`, `x-axis-format`, `bar-radius`, `bar-gap`, `bar-color`, `show-tooltip`, `aria-label` | `default` | - |
| `hf-line-chart` | `LineChart` | `size`, `data`, `series`, `show-y-axis`, `show-x-axis`, `show-grid`, `x-axis-interval`, `y-axis-label`, `x-axis-label`, `legend-position`, `y-axis-ticks`, `y-axis-format`, `show-area`, `stroke-width`, `show-dots`, `dot-style`, `show-value-labels`, `value-label-type`, `value-label-formatter`, `curve-type`, `show-tooltip`, `aria-label` | `default` | - |
| `hf-pie-chart` | `PieChart` | `size`, `data`, `series`, `legend-position`, `hole`, `start-angle`, `show-tooltip`, `padding-angle`, `show-labels`, `label-type`, `label-position`, `center-value`, `center-label`, `aria-label` | `default` | - |
| `hf-radar-chart` | `RadarChart` | `size`, `data`, `series`, `legend-position`, `show-tooltip`, `show-grid`, `grid-type`, `show-radial-lines`, `fill-grid`, `show-axis-labels`, `axis-label-formatter`, `show-radius-ticks`, `radius-tick-formatter`, `radius-axis-angle`, `show-dots`, `domain`, `fill-opacity`, `stroke-width`, `aria-label` | `default` | - |
| `hf-radial-chart` | `RadialChart` | `size`, `data`, `series`, `shape`, `max-value`, `center-value`, `center-label`, `legend-position`, `show-background`, `show-grid`, `bar-size`, `bar-gap`, `corner-radius`, `start-angle`, `end-angle`, `show-tooltip`, `value-suffix`, `aria-label` | `default` | - |
| `hf-sparkline-chart` | `SparklineChart` | `data`, `color`, `width`, `height`, `stroke-width`, `curve-type`, `show-area`, `decorative`, `class-name` | - | - |

## AI Components

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-ai-ascii-diagram` | `AIAsciiDiagram` | `scale-mode`, `content`, `mode`, `caption`, `class-name`, `aria-label` | - | - |
| `hf-ai-chart` | `AIChart` | `schema` | - | `interaction` |
| `hf-ai-clarification-card` | `AIClarificationCard` | `schema`, `value`, `disabled` | - | `interaction`, `value-change`, `submit`, `next`, `back`, `skip`, `edit`, `close`, `files-selected`, `file-cancel` |
| `hf-ai-code-block` | `AICodeBlock` | `size`, `code`, `language`, `file-name`, `show-header`, `show-copy-button`, `show-line-numbers`, `start-line-number`, `highlighted-code`, `class-name`, `header-actions` | - | - |
| `hf-ai-component` | `AIComponent` | `schema`, `value`, `disabled` | - | `interaction`, `value-change`, `submit`, `next`, `back`, `skip`, `edit`, `close`, `files-selected`, `file-cancel` |
| `hf-ai-container` | `AIContainer` | `messages`, `input-props`, `show-minimize`, `empty-content`, `show-scroll-button`, `scroll-threshold`, `auto-scroll-on-new-message`, `auto-scroll-key`, `show-top-fade`, `class-name`, `message-area-class-name` | - | `minimize` |
| `hf-ai-context-indicator` | `AIContextIndicator` | `status`, `heading`, `timestamp`, `full-text`, `compacting-text`, `compacting-detail`, `compacting-progress`, `compacted-text`, `compacted-detail` | - | - |
| `hf-ai-empty-state` | `AIEmptyState` | `title`, `description`, `icon` | - | - |
| `hf-ai-feedback-bar` | `AIFeedbackBar` | `variant`, `size`, `value`, `show-form`, `reasons`, `prompt`, `thank-you-message`, `comment-placeholder`, `comment-required`, `allow-change`, `class-name` | - | `change` |
| `hf-ai-form` | `AIForm` | `schema` | - | `interaction` |
| `hf-ai-input` | `AIInput` | `state`, `variant`, `placeholder`, `value`, `default-value`, `uploading-files`, `accept`, `multiple`, `drop-text`, `disabled`, `class-name`, `leading-actions`, `trailing-actions`, `submit-button`, `default-button`, `leading-icon`, `paste-as-file` | - | `change`, `submit`, `remove-file`, `cancel-upload`, `retry-upload`, `remove-all-files`, `files-selected` |
| `hf-ai-mermaid-diagram` | `AIMermaidDiagram` | `code`, `theme`, `caption`, `interactive`, `max-height`, `class-name` | - | - |
| `hf-ai-message` | `AIMessage` | `content`, `sender-name`, `timestamp`, `avatar`, `is-agent`, `compact`, `is-typing`, `markdown`, `attachments`, `reactions`, `show-actions`, `thumbs-up-active`, `thumbs-down-active` | - | `thumbs-up`, `thumbs-down`, `copy`, `show-list`, `interaction`, `reaction-click`, `attachment-click` |
| `hf-ai-prompt-suggestion` | `AIPromptSuggestion` | `variant`, `size`, `icon`, `show-arrow`, `highlight`, `class-name` | `default` | `click` |
| `hf-ai-reasoning-block` | `AIReasoningBlock` | `variant`, `state`, `title`, `open`, `default-open`, `is-streaming`, `markdown`, `duration`, `class-name` | `default` | `open-change` |
| `hf-ai-response-stream` | `AIResponseStream` | `text-stream`, `mode`, `speed`, `show-cursor`, `class-name` | - | `complete` |
| `hf-ai-scroll-button` | `AIScrollButton` | `variant`, `size`, `position`, `scroll-ref`, `container-ref`, `threshold`, `visible`, `label`, `unread-count`, `class-name` | - | `click` |
| `hf-ai-select` | `AISelect` | `schema` | - | `interaction` |
| `hf-ai-source` | `AISource` | `variant`, `source`, `show-favicon`, `show-tooltip`, `class-name` | - | - |
| `hf-ai-steps` | `AISteps` | `variant`, `steps`, `title`, `collapsible`, `default-expanded`, `steps-expandable`, `class-name`, `aria-label`, `aria-labelledby` | - | - |
| `hf-ai-system-message` | `AISystemMessage` | `variant`, `size`, `title`, `dismissible`, `icon`, `hide-icon`, `actions`, `class-name` | `default` | `dismiss` |
| `hf-ai-table` | `AITable` | `schema` | - | `interaction` |
| `hf-ai-text-shimmer` | `AITextShimmer` | `size`, `duration`, `variant`, `shimmer-color`, `base-color`, `is-active`, `class-name` | `default` | - |
| `hf-ai-thinking-loader` | `AIThinkingLoader` | `loading-text`, `easing`, `show-countdown`, `countdown-time`, `animation-duration`, `class-name` | - | `animation-complete` |
| `hf-ai-tool-call` | `AIToolCall` | `tool-part`, `default-open`, `open` | - | `open-change` |
| `hf-ai-tool-run` | `AIToolRun` | `run`, `heading-level`, `open`, `default-open`, `expanded-step-ids`, `default-expanded-step-ids` | - | `action`, `open-change`, `expanded-step-ids-change` |
| `hf-ai-typing-indicator` | `AITypingIndicator` | `size`, `color`, `speed`, `class-name` | - | - |

## Application Components

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-app-shell` | `AppShell` | `background`, `height`, `padding`, `mobile-padding`, `gap`, `connected` | `sidebar`, `content`, `default` | - |
| `hf-app-sidebar` | `AppSidebar` | `nav-items`, `active-nav-item-id`, `account`, `logo`, `collapsible`, `connected`, `default-open`, `side`, `compacted-logo`, `sidebar-bg-color`, `rounded`, `logo-subtext` | `content` | `nav-item-click`, `open-change` |
| `hf-field` | `Field` | `layout`, `state`, `disabled`, `required` | `default` | - |
| `hf-inline-cta` | `InlineCTA` | `variant`, `title`, `description`, `type`, `primary-label`, `secondary-label`, `stacked-actions` | - | `primary-click`, `secondary-click` |
| `hf-notification-panel` | `NotificationPanel` | `variant`, `title`, `show-overlay`, `width`, `height`, `class-name` | `default` | `settings-click`, `mark-all-read`, `clear-all`, `close` |
| `hf-page-background` | `PageBackground` | `pattern`, `offset`, `class-name` | - | - |
| `hf-page-header` | `PageHeader` | `variant`, `title`, `supporting-text`, `breadcrumbs`, `actions`, `search-placeholder`, `search-shortcut`, `show-divider`, `avatar-src`, `avatar-fallback`, `avatar-status-icon`, `back-label`, `class-name` | - | `search`, `back-click` |

## Miscellaneous

| Tag | React source | Supported attributes | Slots | Events |
| --- | --- | --- | --- | --- |
| `hf-accordion-card` | `AccordionCard` | `open`, `default-open`, `disabled`, `size` | `default` | `open-change` |
| `hf-advanced-rating` | `AdvancedRating` | `variant`, `label`, `value`, `default-value`, `disabled` | `default` | `value-change` |
| `hf-alert` | `Alert` | `appearance`, `variant`, `title`, `description`, `icon`, `closable`, `action`, `dismiss-duration` | `default` | `close` |
| `hf-alert-dialog` | `AlertDialog` | `disable-animation`, `disable-backdrop-blur` | - | - |
| `hf-app-shell-card` | `AppShellCard` | `body-padding`, `elevation`, `body-class-name`, `body-aria-label`, `inset` | `default` | - |
| `hf-brand-icon` | `BrandIcon` | `icon`, `size` | - | - |
| `hf-carousel` | `Carousel` | `items`, `value`, `default-value`, `orientation`, `navigation-style`, `navigation-position`, `content-layout`, `show-summary`, `show-arrows`, `loop`, `aria-label` | `default` | `value-change` |
| `hf-chart-card` | `ChartCard` | `label`, `kind`, `title`, `description`, `trend`, `trend-direction`, `footer-description`, `align`, `plot-class-name` | `default` | - |
| `hf-display-value` | `DisplayValue` | `label`, `value`, `hint`, `help-icon`, `help-tooltip`, `icon`, `size`, `type`, `rtl`, `leading-text`, `trailing-text`, `link-href`, `avatar-props`, `avatar-supporting-text`, `badge-props`, `badge-label`, `tags` | `default` | - |
| `hf-featured-icon` | `FeaturedIcon` | `size`, `shape`, `intent`, `icon`, `aria-label` | `default` | - |
| `hf-file-input` | `FileInput` | `size`, `success`, `disabled`, `read-only`, `value`, `default-value`, `accept`, `placeholder`, `browse-label`, `browse-icon`, `delete-label`, `delete-icon` | - | `change` |
| `hf-file-type-icon` | `FileTypeIcon` | `extension`, `file-type`, `variant`, `size`, `class-name` | - | - |
| `hf-history` | `History` | `title`, `groups`, `actions`, `loading`, `aria-label`, `empty-message`, `collapsible-change-threshold`, `auto-expand-newest-large-edit`, `expanded-event-ids`, `default-expanded-event-ids` | - | `expanded-event-ids-change` |
| `hf-item` | `Item` | `variant`, `size`, `title`, `description`, `leading`, `trailing`, `render`, `class-name` | - | - |
| `hf-metric-item` | `MetricItem` | `type`, `breakpoint`, `title`, `value`, `change-value`, `change-trend`, `change-icon`, `comparison-text`, `subtitle`, `show-dropdown`, `show-actions`, `icon`, `icon-bg-color`, `icon-color`, `chart-data`, `featured-icon-variant` | `default` | `view-report`, `dropdown-click` |
| `hf-number-input` | `NumberInput` | `aria-label`, `aria-labelledby`, `aria-describedby`, `aria-controls`, `aria-expanded`, `aria-invalid`, `aria-required`, `role`, `title`, `auto-complete`, `auto-focus`, `checked`, `default-value`, `disabled`, `max`, `min`, `name`, `pattern`, `placeholder`, `read-only`, `required`, `step`, `type`, `value`, `variant`, `size`, `state`, `destructive` | - | `change` |
| `hf-steps` | `Steps` | `steps`, `current-step`, `orientation`, `shape`, `bullet-type`, `class-name` | `default` | `step-click` |