@awc-ui/react 1.0.0-beta → 1.0.0-beta.1

package/src/components.ts

@@ -1,1443 +1,90 @@
 'use client';
 
 /**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ * Generated by scripts/split-react-components.mjs. Do not edit — regenerated on
+ * every core build. Each component lives in its own module under ./components/
+ * so bundlers only ever pull in what is imported.
  */
-
-/* eslint-disable */
-
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-
-import { type MdAccordionCustomEvent, type MdAccordionDragDetail, type MdAccordionItemCustomEvent, type MdAppBarCustomEvent, type MdAreaChartCustomEvent, type MdAutocompleteCustomEvent, type MdAvatarCustomEvent, type MdBarChartCustomEvent, type MdBottomSheetCustomEvent, type MdBreadcrumbItemCustomEvent, type MdBreadcrumbSelectDetail, type MdBreadcrumbsCustomEvent, type MdBreadcrumbsExpandDetail, type MdButtonChangeDetail, type MdButtonClickDetail, type MdButtonCustomEvent, type MdButtonGroupChangeDetail, type MdButtonGroupCustomEvent, type MdCardCustomEvent, type MdCardDragDetail, type MdChartAxisClickDetail, type MdChartClickDetail, type MdChartHoverDetail, type MdChartSeries, type MdChartXYSeries, type MdCheckboxCustomEvent, type MdChipCustomEvent, type MdColorPickerCustomEvent, type MdDatePickerChangeDetail, type MdDatePickerCustomEvent, type MdDatePickerMenuOpenDetail, type MdDatePickerMenuSelectDetail, type MdDatePickerModeChangeDetail, type MdDatePickerSelectedDetail, type MdDatePickerViewChangeDetail, type MdDialogCustomEvent, type MdFabCustomEvent, type MdFabMenuCustomEvent, type MdFabMenuItemCustomEvent, type MdIconButtonCustomEvent, type MdLineChartCustomEvent, type MdListCustomEvent, type MdListItemCustomEvent, type MdListItemExpandDetail, type MdListSelectDetail, type MdMenuCustomEvent, type MdMenuItemCustomEvent, type MdMultiSelectCustomEvent, type MdNavigationBarCustomEvent, type MdNavigationRailCustomEvent, type MdNavigationRailTabCustomEvent, type MdNavigationTabCustomEvent, type MdNumberFieldChangeDetail, type MdNumberFieldCustomEvent, type MdOrganizationChartCustomEvent, type MdOtpFieldCompleteDetail, type MdOtpFieldCustomEvent, type MdOtpFieldInvalidDetail, type MdOtpFieldValidityDetail, type MdPieChartCustomEvent, type MdPieDatum, type MdProgressIndicatorCustomEvent, type MdRadioCustomEvent, type MdRatingCustomEvent, type MdSearchCustomEvent, type MdSearchLeadingIconClickDetail, type MdSearchTrailingIconClickDetail, type MdSegmentedButtonCustomEvent, type MdSegmentedButtonSetCustomEvent, type MdSelectCustomEvent, type MdSelectOptionCustomEvent, type MdSideSheetCustomEvent, type MdSliderCustomEvent, type MdSliderDragDetail, type MdSliderThumbDetail, type MdSliderValueDetail, type MdSnackbarCustomEvent, type MdSparklineCustomEvent, type MdSplitButtonCustomEvent, type MdStepCustomEvent, type MdStepperCustomEvent, type MdSubMenuItemCustomEvent, type MdSwitchCustomEvent, type MdTabCustomEvent, type MdTableCustomEvent, type MdTablePaginationCustomEvent, type MdTableRowCustomEvent, type MdTableSelectionState, type MdTableSortLabelCustomEvent, type MdTableSortState, type MdTabsCustomEvent, type MdTextFieldCustomEvent, type MdTimePickerChangeDetail, type MdTimePickerCustomEvent, type MdTimePickerModeChangeDetail, type MdTooltipCustomEvent, type MdTransferListCustomEvent, type OrgChartSelectionChangeDetail, type OrgChartToggleDetail } from "@awc-ui/core";
-import type { Components } from "@awc-ui/core/dist/components";
-import { MdAccordionItem as MdAccordionItemElement, defineCustomElement as defineMdAccordionItem } from "@awc-ui/core/dist/components/md-accordion-item.js";
-import { MdAccordion as MdAccordionElement, defineCustomElement as defineMdAccordion } from "@awc-ui/core/dist/components/md-accordion.js";
-import { MdAppBar as MdAppBarElement, defineCustomElement as defineMdAppBar } from "@awc-ui/core/dist/components/md-app-bar.js";
-import { MdAreaChart as MdAreaChartElement, defineCustomElement as defineMdAreaChart } from "@awc-ui/core/dist/components/md-area-chart.js";
-import { MdAutocomplete as MdAutocompleteElement, defineCustomElement as defineMdAutocomplete } from "@awc-ui/core/dist/components/md-autocomplete.js";
-import { MdAvatar as MdAvatarElement, defineCustomElement as defineMdAvatar } from "@awc-ui/core/dist/components/md-avatar.js";
-import { MdBadge as MdBadgeElement, defineCustomElement as defineMdBadge } from "@awc-ui/core/dist/components/md-badge.js";
-import { MdBarChart as MdBarChartElement, defineCustomElement as defineMdBarChart } from "@awc-ui/core/dist/components/md-bar-chart.js";
-import { MdBottomSheet as MdBottomSheetElement, defineCustomElement as defineMdBottomSheet } from "@awc-ui/core/dist/components/md-bottom-sheet.js";
-import { MdBreadcrumbItem as MdBreadcrumbItemElement, defineCustomElement as defineMdBreadcrumbItem } from "@awc-ui/core/dist/components/md-breadcrumb-item.js";
-import { MdBreadcrumbs as MdBreadcrumbsElement, defineCustomElement as defineMdBreadcrumbs } from "@awc-ui/core/dist/components/md-breadcrumbs.js";
-import { MdButtonGroup as MdButtonGroupElement, defineCustomElement as defineMdButtonGroup } from "@awc-ui/core/dist/components/md-button-group.js";
-import { MdButton as MdButtonElement, defineCustomElement as defineMdButton } from "@awc-ui/core/dist/components/md-button.js";
-import { MdCard as MdCardElement, defineCustomElement as defineMdCard } from "@awc-ui/core/dist/components/md-card.js";
-import { MdCheckbox as MdCheckboxElement, defineCustomElement as defineMdCheckbox } from "@awc-ui/core/dist/components/md-checkbox.js";
-import { MdChip as MdChipElement, defineCustomElement as defineMdChip } from "@awc-ui/core/dist/components/md-chip.js";
-import { MdColorPicker as MdColorPickerElement, defineCustomElement as defineMdColorPicker } from "@awc-ui/core/dist/components/md-color-picker.js";
-import { MdDatePicker as MdDatePickerElement, defineCustomElement as defineMdDatePicker } from "@awc-ui/core/dist/components/md-date-picker.js";
-import { MdDialog as MdDialogElement, defineCustomElement as defineMdDialog } from "@awc-ui/core/dist/components/md-dialog.js";
-import { MdDivider as MdDividerElement, defineCustomElement as defineMdDivider } from "@awc-ui/core/dist/components/md-divider.js";
-import { MdFabMenuItem as MdFabMenuItemElement, defineCustomElement as defineMdFabMenuItem } from "@awc-ui/core/dist/components/md-fab-menu-item.js";
-import { MdFabMenu as MdFabMenuElement, defineCustomElement as defineMdFabMenu } from "@awc-ui/core/dist/components/md-fab-menu.js";
-import { MdFab as MdFabElement, defineCustomElement as defineMdFab } from "@awc-ui/core/dist/components/md-fab.js";
-import { MdIconButton as MdIconButtonElement, defineCustomElement as defineMdIconButton } from "@awc-ui/core/dist/components/md-icon-button.js";
-import { MdLineChart as MdLineChartElement, defineCustomElement as defineMdLineChart } from "@awc-ui/core/dist/components/md-line-chart.js";
-import { MdListItem as MdListItemElement, defineCustomElement as defineMdListItem } from "@awc-ui/core/dist/components/md-list-item.js";
-import { MdList as MdListElement, defineCustomElement as defineMdList } from "@awc-ui/core/dist/components/md-list.js";
-import { MdLoadingIndicator as MdLoadingIndicatorElement, defineCustomElement as defineMdLoadingIndicator } from "@awc-ui/core/dist/components/md-loading-indicator.js";
-import { MdMenuItemGroup as MdMenuItemGroupElement, defineCustomElement as defineMdMenuItemGroup } from "@awc-ui/core/dist/components/md-menu-item-group.js";
-import { MdMenuItem as MdMenuItemElement, defineCustomElement as defineMdMenuItem } from "@awc-ui/core/dist/components/md-menu-item.js";
-import { MdMenu as MdMenuElement, defineCustomElement as defineMdMenu } from "@awc-ui/core/dist/components/md-menu.js";
-import { MdMeter as MdMeterElement, defineCustomElement as defineMdMeter } from "@awc-ui/core/dist/components/md-meter.js";
-import { MdMultiSelect as MdMultiSelectElement, defineCustomElement as defineMdMultiSelect } from "@awc-ui/core/dist/components/md-multi-select.js";
-import { MdNavigationBar as MdNavigationBarElement, defineCustomElement as defineMdNavigationBar } from "@awc-ui/core/dist/components/md-navigation-bar.js";
-import { MdNavigationRailTab as MdNavigationRailTabElement, defineCustomElement as defineMdNavigationRailTab } from "@awc-ui/core/dist/components/md-navigation-rail-tab.js";
-import { MdNavigationRail as MdNavigationRailElement, defineCustomElement as defineMdNavigationRail } from "@awc-ui/core/dist/components/md-navigation-rail.js";
-import { MdNavigationTab as MdNavigationTabElement, defineCustomElement as defineMdNavigationTab } from "@awc-ui/core/dist/components/md-navigation-tab.js";
-import { MdNumberField as MdNumberFieldElement, defineCustomElement as defineMdNumberField } from "@awc-ui/core/dist/components/md-number-field.js";
-import { MdOrganizationChart as MdOrganizationChartElement, defineCustomElement as defineMdOrganizationChart } from "@awc-ui/core/dist/components/md-organization-chart.js";
-import { MdOtpField as MdOtpFieldElement, defineCustomElement as defineMdOtpField } from "@awc-ui/core/dist/components/md-otp-field.js";
-import { MdPieChart as MdPieChartElement, defineCustomElement as defineMdPieChart } from "@awc-ui/core/dist/components/md-pie-chart.js";
-import { MdProgressIndicator as MdProgressIndicatorElement, defineCustomElement as defineMdProgressIndicator } from "@awc-ui/core/dist/components/md-progress-indicator.js";
-import { MdRadio as MdRadioElement, defineCustomElement as defineMdRadio } from "@awc-ui/core/dist/components/md-radio.js";
-import { MdRating as MdRatingElement, defineCustomElement as defineMdRating } from "@awc-ui/core/dist/components/md-rating.js";
-import { MdRipple as MdRippleElement, defineCustomElement as defineMdRipple } from "@awc-ui/core/dist/components/md-ripple.js";
-import { MdSearch as MdSearchElement, defineCustomElement as defineMdSearch } from "@awc-ui/core/dist/components/md-search.js";
-import { MdSegmentedButtonSet as MdSegmentedButtonSetElement, defineCustomElement as defineMdSegmentedButtonSet } from "@awc-ui/core/dist/components/md-segmented-button-set.js";
-import { MdSegmentedButton as MdSegmentedButtonElement, defineCustomElement as defineMdSegmentedButton } from "@awc-ui/core/dist/components/md-segmented-button.js";
-import { MdSelectOption as MdSelectOptionElement, defineCustomElement as defineMdSelectOption } from "@awc-ui/core/dist/components/md-select-option.js";
-import { MdSelect as MdSelectElement, defineCustomElement as defineMdSelect } from "@awc-ui/core/dist/components/md-select.js";
-import { MdSideSheet as MdSideSheetElement, defineCustomElement as defineMdSideSheet } from "@awc-ui/core/dist/components/md-side-sheet.js";
-import { MdSkeleton as MdSkeletonElement, defineCustomElement as defineMdSkeleton } from "@awc-ui/core/dist/components/md-skeleton.js";
-import { MdSlider as MdSliderElement, defineCustomElement as defineMdSlider } from "@awc-ui/core/dist/components/md-slider.js";
-import { MdSnackbar as MdSnackbarElement, defineCustomElement as defineMdSnackbar } from "@awc-ui/core/dist/components/md-snackbar.js";
-import { MdSparkline as MdSparklineElement, defineCustomElement as defineMdSparkline } from "@awc-ui/core/dist/components/md-sparkline.js";
-import { MdSplitButton as MdSplitButtonElement, defineCustomElement as defineMdSplitButton } from "@awc-ui/core/dist/components/md-split-button.js";
-import { MdStatusDot as MdStatusDotElement, defineCustomElement as defineMdStatusDot } from "@awc-ui/core/dist/components/md-status-dot.js";
-import { MdStep as MdStepElement, defineCustomElement as defineMdStep } from "@awc-ui/core/dist/components/md-step.js";
-import { MdStepper as MdStepperElement, defineCustomElement as defineMdStepper } from "@awc-ui/core/dist/components/md-stepper.js";
-import { MdSubMenuItem as MdSubMenuItemElement, defineCustomElement as defineMdSubMenuItem } from "@awc-ui/core/dist/components/md-sub-menu-item.js";
-import { MdSwitch as MdSwitchElement, defineCustomElement as defineMdSwitch } from "@awc-ui/core/dist/components/md-switch.js";
-import { MdTabPanel as MdTabPanelElement, defineCustomElement as defineMdTabPanel } from "@awc-ui/core/dist/components/md-tab-panel.js";
-import { MdTabPanels as MdTabPanelsElement, defineCustomElement as defineMdTabPanels } from "@awc-ui/core/dist/components/md-tab-panels.js";
-import { MdTab as MdTabElement, defineCustomElement as defineMdTab } from "@awc-ui/core/dist/components/md-tab.js";
-import { MdTableBody as MdTableBodyElement, defineCustomElement as defineMdTableBody } from "@awc-ui/core/dist/components/md-table-body.js";
-import { MdTableCell as MdTableCellElement, defineCustomElement as defineMdTableCell } from "@awc-ui/core/dist/components/md-table-cell.js";
-import { MdTableContainer as MdTableContainerElement, defineCustomElement as defineMdTableContainer } from "@awc-ui/core/dist/components/md-table-container.js";
-import { MdTableExpandToggle as MdTableExpandToggleElement, defineCustomElement as defineMdTableExpandToggle } from "@awc-ui/core/dist/components/md-table-expand-toggle.js";
-import { MdTableFoot as MdTableFootElement, defineCustomElement as defineMdTableFoot } from "@awc-ui/core/dist/components/md-table-foot.js";
-import { MdTableHead as MdTableHeadElement, defineCustomElement as defineMdTableHead } from "@awc-ui/core/dist/components/md-table-head.js";
-import { MdTablePagination as MdTablePaginationElement, defineCustomElement as defineMdTablePagination } from "@awc-ui/core/dist/components/md-table-pagination.js";
-import { MdTableRow as MdTableRowElement, defineCustomElement as defineMdTableRow } from "@awc-ui/core/dist/components/md-table-row.js";
-import { MdTableSortLabel as MdTableSortLabelElement, defineCustomElement as defineMdTableSortLabel } from "@awc-ui/core/dist/components/md-table-sort-label.js";
-import { MdTableToolbar as MdTableToolbarElement, defineCustomElement as defineMdTableToolbar } from "@awc-ui/core/dist/components/md-table-toolbar.js";
-import { MdTable as MdTableElement, defineCustomElement as defineMdTable } from "@awc-ui/core/dist/components/md-table.js";
-import { MdTabs as MdTabsElement, defineCustomElement as defineMdTabs } from "@awc-ui/core/dist/components/md-tabs.js";
-import { MdTextField as MdTextFieldElement, defineCustomElement as defineMdTextField } from "@awc-ui/core/dist/components/md-text-field.js";
-import { MdTimePicker as MdTimePickerElement, defineCustomElement as defineMdTimePicker } from "@awc-ui/core/dist/components/md-time-picker.js";
-import { MdToolbar as MdToolbarElement, defineCustomElement as defineMdToolbar } from "@awc-ui/core/dist/components/md-toolbar.js";
-import { MdTooltip as MdTooltipElement, defineCustomElement as defineMdTooltip } from "@awc-ui/core/dist/components/md-tooltip.js";
-import { MdTransferList as MdTransferListElement, defineCustomElement as defineMdTransferList } from "@awc-ui/core/dist/components/md-transfer-list.js";
-
-export type MdAccordionEvents = {
-    onMdToggle: EventName<MdAccordionCustomEvent<{ index: number; expanded: boolean; expandedIndices: number[]; }>>,
-    onMdReorder: EventName<MdAccordionCustomEvent<{ from: number; to: number; order: number[]; }>>,
-    onMdDragStart: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>,
-    onMdDragMove: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>,
-    onMdDragEnd: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>
-};
-
-export const MdAccordion: StencilReactComponent<MdAccordionElement, MdAccordionEvents, Components.MdAccordion> = /*@__PURE__*/ createComponent<MdAccordionElement, MdAccordionEvents, Components.MdAccordion>({
-    tagName: 'md-accordion',
-    elementClass: MdAccordionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdToggle: 'mdToggle',
-        onMdReorder: 'mdReorder',
-        onMdDragStart: 'mdDragStart',
-        onMdDragMove: 'mdDragMove',
-        onMdDragEnd: 'mdDragEnd'
-    } as MdAccordionEvents,
-    defineCustomElement: defineMdAccordion
-});
-
-export type MdAccordionItemEvents = {
-    onMdItemToggle: EventName<MdAccordionItemCustomEvent<{ expanded: boolean; index: number }>>,
-    onMdItemRequestFocus: EventName<MdAccordionItemCustomEvent<{ direction: 'next' | 'prev' | 'first' | 'last'; from: number; }>>,
-    onMdItemRequestReorder: EventName<MdAccordionItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>
-};
-
-export const MdAccordionItem: StencilReactComponent<MdAccordionItemElement, MdAccordionItemEvents, Components.MdAccordionItem> = /*@__PURE__*/ createComponent<MdAccordionItemElement, MdAccordionItemEvents, Components.MdAccordionItem>({
-    tagName: 'md-accordion-item',
-    elementClass: MdAccordionItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdItemToggle: 'mdItemToggle',
-        onMdItemRequestFocus: 'mdItemRequestFocus',
-        onMdItemRequestReorder: 'mdItemRequestReorder'
-    } as MdAccordionItemEvents,
-    defineCustomElement: defineMdAccordionItem
-});
-
-export type MdAppBarEvents = {
-    onMdLeadingClick: EventName<MdAppBarCustomEvent<MouseEvent>>,
-    onMdSearchActivate: EventName<MdAppBarCustomEvent<{ value: string }>>,
-    onMdSearchInput: EventName<MdAppBarCustomEvent<{ value: string }>>
-};
-
-export const MdAppBar: StencilReactComponent<MdAppBarElement, MdAppBarEvents, Components.MdAppBar> = /*@__PURE__*/ createComponent<MdAppBarElement, MdAppBarEvents, Components.MdAppBar>({
-    tagName: 'md-app-bar',
-    elementClass: MdAppBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdLeadingClick: 'mdLeadingClick',
-        onMdSearchActivate: 'mdSearchActivate',
-        onMdSearchInput: 'mdSearchInput'
-    } as MdAppBarEvents,
-    defineCustomElement: defineMdAppBar
-});
-
-export type MdAreaChartEvents = {
-    onMdMarkerClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
-    onMdLineClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
-    onMdAreaClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
-    onMdAxisClick: EventName<MdAreaChartCustomEvent<MdChartAxisClickDetail>>,
-    onMdLegendClick: EventName<MdAreaChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
-    onMdHover: EventName<MdAreaChartCustomEvent<MdChartHoverDetail>>,
-    onMdReady: EventName<MdAreaChartCustomEvent<void>>,
-    onMdZoom: EventName<MdAreaChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
-};
-
-export const MdAreaChart: StencilReactComponent<MdAreaChartElement, MdAreaChartEvents, Components.MdAreaChart> = /*@__PURE__*/ createComponent<MdAreaChartElement, MdAreaChartEvents, Components.MdAreaChart>({
-    tagName: 'md-area-chart',
-    elementClass: MdAreaChartElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdMarkerClick: 'mdMarkerClick',
-        onMdLineClick: 'mdLineClick',
-        onMdAreaClick: 'mdAreaClick',
-        onMdAxisClick: 'mdAxisClick',
-        onMdLegendClick: 'mdLegendClick',
-        onMdHover: 'mdHover',
-        onMdReady: 'mdReady',
-        onMdZoom: 'mdZoom'
-    } as MdAreaChartEvents,
-    defineCustomElement: defineMdAreaChart
-});
-
-export type MdAutocompleteEvents = {
-    onMdChange: EventName<MdAutocompleteCustomEvent<string | string[]>>,
-    onMdInput: EventName<MdAutocompleteCustomEvent<string>>,
-    onMdOpen: EventName<MdAutocompleteCustomEvent<void>>,
-    onMdClose: EventName<MdAutocompleteCustomEvent<void>>,
-    onMdClear: EventName<MdAutocompleteCustomEvent<void>>,
-    onMdValidityChange: EventName<MdAutocompleteCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdAutocomplete: StencilReactComponent<MdAutocompleteElement, MdAutocompleteEvents, Components.MdAutocomplete> = /*@__PURE__*/ createComponent<MdAutocompleteElement, MdAutocompleteEvents, Components.MdAutocomplete>({
-    tagName: 'md-autocomplete',
-    elementClass: MdAutocompleteElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdInput: 'mdInput',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdClear: 'mdClear',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdAutocompleteEvents,
-    defineCustomElement: defineMdAutocomplete
-});
-
-export type MdAvatarEvents = {
-    onMdLoad: EventName<MdAvatarCustomEvent<{ src: string }>>,
-    onMdError: EventName<MdAvatarCustomEvent<{ src: string }>>
-};
-
-export const MdAvatar: StencilReactComponent<MdAvatarElement, MdAvatarEvents, Components.MdAvatar> = /*@__PURE__*/ createComponent<MdAvatarElement, MdAvatarEvents, Components.MdAvatar>({
-    tagName: 'md-avatar',
-    elementClass: MdAvatarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdLoad: 'mdLoad',
-        onMdError: 'mdError'
-    } as MdAvatarEvents,
-    defineCustomElement: defineMdAvatar
-});
-
-export type MdBadgeEvents = NonNullable<unknown>;
-
-export const MdBadge: StencilReactComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge> = /*@__PURE__*/ createComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge>({
-    tagName: 'md-badge',
-    elementClass: MdBadgeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdBadgeEvents,
-    defineCustomElement: defineMdBadge
-});
-
-export type MdBarChartEvents = {
-    onMdBarClick: EventName<MdBarChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
-    onMdLegendClick: EventName<MdBarChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
-    onMdHover: EventName<MdBarChartCustomEvent<MdChartHoverDetail>>,
-    onMdReady: EventName<MdBarChartCustomEvent<void>>,
-    onMdZoom: EventName<MdBarChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
-};
-
-export const MdBarChart: StencilReactComponent<MdBarChartElement, MdBarChartEvents, Components.MdBarChart> = /*@__PURE__*/ createComponent<MdBarChartElement, MdBarChartEvents, Components.MdBarChart>({
-    tagName: 'md-bar-chart',
-    elementClass: MdBarChartElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdBarClick: 'mdBarClick',
-        onMdLegendClick: 'mdLegendClick',
-        onMdHover: 'mdHover',
-        onMdReady: 'mdReady',
-        onMdZoom: 'mdZoom'
-    } as MdBarChartEvents,
-    defineCustomElement: defineMdBarChart
-});
-
-export type MdBottomSheetEvents = {
-    onMdOpen: EventName<MdBottomSheetCustomEvent<void>>,
-    onMdClose: EventName<MdBottomSheetCustomEvent<void>>,
-    onMdCancel: EventName<MdBottomSheetCustomEvent<void>>
-};
-
-export const MdBottomSheet: StencilReactComponent<MdBottomSheetElement, MdBottomSheetEvents, Components.MdBottomSheet> = /*@__PURE__*/ createComponent<MdBottomSheetElement, MdBottomSheetEvents, Components.MdBottomSheet>({
-    tagName: 'md-bottom-sheet',
-    elementClass: MdBottomSheetElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdCancel: 'mdCancel'
-    } as MdBottomSheetEvents,
-    defineCustomElement: defineMdBottomSheet
-});
-
-export type MdBreadcrumbItemEvents = { onMdSelect: EventName<MdBreadcrumbItemCustomEvent<MdBreadcrumbSelectDetail>> };
-
-export const MdBreadcrumbItem: StencilReactComponent<MdBreadcrumbItemElement, MdBreadcrumbItemEvents, Components.MdBreadcrumbItem> = /*@__PURE__*/ createComponent<MdBreadcrumbItemElement, MdBreadcrumbItemEvents, Components.MdBreadcrumbItem>({
-    tagName: 'md-breadcrumb-item',
-    elementClass: MdBreadcrumbItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdSelect: 'mdSelect' } as MdBreadcrumbItemEvents,
-    defineCustomElement: defineMdBreadcrumbItem
-});
-
-export type MdBreadcrumbsEvents = { onMdExpand: EventName<MdBreadcrumbsCustomEvent<MdBreadcrumbsExpandDetail>> };
-
-export const MdBreadcrumbs: StencilReactComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs> = /*@__PURE__*/ createComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs>({
-    tagName: 'md-breadcrumbs',
-    elementClass: MdBreadcrumbsElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdExpand: 'mdExpand' } as MdBreadcrumbsEvents,
-    defineCustomElement: defineMdBreadcrumbs
-});
-
-export type MdButtonEvents = {
-    onMdClick: EventName<MdButtonCustomEvent<MdButtonClickDetail>>,
-    onMdChange: EventName<MdButtonCustomEvent<MdButtonChangeDetail>>
-};
-
-export const MdButton: StencilReactComponent<MdButtonElement, MdButtonEvents, Components.MdButton> = /*@__PURE__*/ createComponent<MdButtonElement, MdButtonEvents, Components.MdButton>({
-    tagName: 'md-button',
-    elementClass: MdButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdClick: 'mdClick',
-        onMdChange: 'mdChange'
-    } as MdButtonEvents,
-    defineCustomElement: defineMdButton
-});
-
-export type MdButtonGroupEvents = { onMdSelectionChange: EventName<MdButtonGroupCustomEvent<MdButtonGroupChangeDetail>> };
-
-export const MdButtonGroup: StencilReactComponent<MdButtonGroupElement, MdButtonGroupEvents, Components.MdButtonGroup> = /*@__PURE__*/ createComponent<MdButtonGroupElement, MdButtonGroupEvents, Components.MdButtonGroup>({
-    tagName: 'md-button-group',
-    elementClass: MdButtonGroupElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdSelectionChange: 'mdSelectionChange' } as MdButtonGroupEvents,
-    defineCustomElement: defineMdButtonGroup
-});
-
-export type MdCardEvents = {
-    onMdClick: EventName<MdCardCustomEvent<MouseEvent>>,
-    onMdDragStart: EventName<MdCardCustomEvent<MdCardDragDetail>>,
-    onMdDragMove: EventName<MdCardCustomEvent<MdCardDragDetail>>,
-    onMdDragEnd: EventName<MdCardCustomEvent<MdCardDragDetail>>
-};
-
-export const MdCard: StencilReactComponent<MdCardElement, MdCardEvents, Components.MdCard> = /*@__PURE__*/ createComponent<MdCardElement, MdCardEvents, Components.MdCard>({
-    tagName: 'md-card',
-    elementClass: MdCardElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdClick: 'mdClick',
-        onMdDragStart: 'mdDragStart',
-        onMdDragMove: 'mdDragMove',
-        onMdDragEnd: 'mdDragEnd'
-    } as MdCardEvents,
-    defineCustomElement: defineMdCard
-});
-
-export type MdCheckboxEvents = {
-    onMdChange: EventName<MdCheckboxCustomEvent<{ checked: boolean; indeterminate: boolean }>>,
-    onMdValidityChange: EventName<MdCheckboxCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdCheckbox: StencilReactComponent<MdCheckboxElement, MdCheckboxEvents, Components.MdCheckbox> = /*@__PURE__*/ createComponent<MdCheckboxElement, MdCheckboxEvents, Components.MdCheckbox>({
-    tagName: 'md-checkbox',
-    elementClass: MdCheckboxElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdCheckboxEvents,
-    defineCustomElement: defineMdCheckbox
-});
-
-export type MdChipEvents = {
-    onMdClick: EventName<MdChipCustomEvent<void>>,
-    onMdSelect: EventName<MdChipCustomEvent<{ selected: boolean }>>,
-    onMdRemove: EventName<MdChipCustomEvent<void>>
-};
-
-export const MdChip: StencilReactComponent<MdChipElement, MdChipEvents, Components.MdChip> = /*@__PURE__*/ createComponent<MdChipElement, MdChipEvents, Components.MdChip>({
-    tagName: 'md-chip',
-    elementClass: MdChipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdClick: 'mdClick',
-        onMdSelect: 'mdSelect',
-        onMdRemove: 'mdRemove'
-    } as MdChipEvents,
-    defineCustomElement: defineMdChip
-});
-
-export type MdColorPickerEvents = {
-    onMdInput: EventName<MdColorPickerCustomEvent<{ value: string }>>,
-    onMdChange: EventName<MdColorPickerCustomEvent<{ value: string }>>,
-    onMdOpenChange: EventName<MdColorPickerCustomEvent<{ open: boolean }>>
-};
-
-export const MdColorPicker: StencilReactComponent<MdColorPickerElement, MdColorPickerEvents, Components.MdColorPicker> = /*@__PURE__*/ createComponent<MdColorPickerElement, MdColorPickerEvents, Components.MdColorPicker>({
-    tagName: 'md-color-picker',
-    elementClass: MdColorPickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdOpenChange: 'mdOpenChange'
-    } as MdColorPickerEvents,
-    defineCustomElement: defineMdColorPicker
-});
-
-export type MdDatePickerEvents = {
-    onMdChange: EventName<MdDatePickerCustomEvent<MdDatePickerChangeDetail>>,
-    onMdSelected: EventName<MdDatePickerCustomEvent<MdDatePickerSelectedDetail>>,
-    onMdInput: EventName<MdDatePickerCustomEvent<{ value: string }>>,
-    onMdOpen: EventName<MdDatePickerCustomEvent<void>>,
-    onMdClose: EventName<MdDatePickerCustomEvent<void>>,
-    onMdCancel: EventName<MdDatePickerCustomEvent<void>>,
-    onMdViewChange: EventName<MdDatePickerCustomEvent<MdDatePickerViewChangeDetail>>,
-    onMdMenuOpen: EventName<MdDatePickerCustomEvent<MdDatePickerMenuOpenDetail>>,
-    onMdMenuSelect: EventName<MdDatePickerCustomEvent<MdDatePickerMenuSelectDetail>>,
-    onMdModeChange: EventName<MdDatePickerCustomEvent<MdDatePickerModeChangeDetail>>,
-    onMdValidityChange: EventName<MdDatePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdDatePicker: StencilReactComponent<MdDatePickerElement, MdDatePickerEvents, Components.MdDatePicker> = /*@__PURE__*/ createComponent<MdDatePickerElement, MdDatePickerEvents, Components.MdDatePicker>({
-    tagName: 'md-date-picker',
-    elementClass: MdDatePickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdSelected: 'mdSelected',
-        onMdInput: 'mdInput',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdCancel: 'mdCancel',
-        onMdViewChange: 'mdViewChange',
-        onMdMenuOpen: 'mdMenuOpen',
-        onMdMenuSelect: 'mdMenuSelect',
-        onMdModeChange: 'mdModeChange',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdDatePickerEvents,
-    defineCustomElement: defineMdDatePicker
-});
-
-export type MdDialogEvents = {
-    onMdOpen: EventName<MdDialogCustomEvent<void>>,
-    onMdClose: EventName<MdDialogCustomEvent<void>>,
-    onMdCancel: EventName<MdDialogCustomEvent<void>>
-};
-
-export const MdDialog: StencilReactComponent<MdDialogElement, MdDialogEvents, Components.MdDialog> = /*@__PURE__*/ createComponent<MdDialogElement, MdDialogEvents, Components.MdDialog>({
-    tagName: 'md-dialog',
-    elementClass: MdDialogElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdCancel: 'mdCancel'
-    } as MdDialogEvents,
-    defineCustomElement: defineMdDialog
-});
-
-export type MdDividerEvents = NonNullable<unknown>;
-
-export const MdDivider: StencilReactComponent<MdDividerElement, MdDividerEvents, Components.MdDivider> = /*@__PURE__*/ createComponent<MdDividerElement, MdDividerEvents, Components.MdDivider>({
-    tagName: 'md-divider',
-    elementClass: MdDividerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdDividerEvents,
-    defineCustomElement: defineMdDivider
-});
-
-export type MdFabEvents = { onMdClick: EventName<MdFabCustomEvent<MouseEvent>> };
-
-export const MdFab: StencilReactComponent<MdFabElement, MdFabEvents, Components.MdFab> = /*@__PURE__*/ createComponent<MdFabElement, MdFabEvents, Components.MdFab>({
-    tagName: 'md-fab',
-    elementClass: MdFabElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdClick: 'mdClick' } as MdFabEvents,
-    defineCustomElement: defineMdFab
-});
-
-export type MdFabMenuEvents = {
-    onMdOpen: EventName<MdFabMenuCustomEvent<void>>,
-    onMdClose: EventName<MdFabMenuCustomEvent<void>>
-};
-
-export const MdFabMenu: StencilReactComponent<MdFabMenuElement, MdFabMenuEvents, Components.MdFabMenu> = /*@__PURE__*/ createComponent<MdFabMenuElement, MdFabMenuEvents, Components.MdFabMenu>({
-    tagName: 'md-fab-menu',
-    elementClass: MdFabMenuElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose'
-    } as MdFabMenuEvents,
-    defineCustomElement: defineMdFabMenu
-});
-
-export type MdFabMenuItemEvents = { onMdClick: EventName<MdFabMenuItemCustomEvent<void>> };
-
-export const MdFabMenuItem: StencilReactComponent<MdFabMenuItemElement, MdFabMenuItemEvents, Components.MdFabMenuItem> = /*@__PURE__*/ createComponent<MdFabMenuItemElement, MdFabMenuItemEvents, Components.MdFabMenuItem>({
-    tagName: 'md-fab-menu-item',
-    elementClass: MdFabMenuItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdClick: 'mdClick' } as MdFabMenuItemEvents,
-    defineCustomElement: defineMdFabMenuItem
-});
-
-export type MdIconButtonEvents = { onMdClick: EventName<MdIconButtonCustomEvent<{ selected: boolean }>> };
-
-export const MdIconButton: StencilReactComponent<MdIconButtonElement, MdIconButtonEvents, Components.MdIconButton> = /*@__PURE__*/ createComponent<MdIconButtonElement, MdIconButtonEvents, Components.MdIconButton>({
-    tagName: 'md-icon-button',
-    elementClass: MdIconButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdClick: 'mdClick' } as MdIconButtonEvents,
-    defineCustomElement: defineMdIconButton
-});
-
-export type MdLineChartEvents = {
-    onMdMarkerClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
-    onMdLineClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
-    onMdAreaClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
-    onMdAxisClick: EventName<MdLineChartCustomEvent<MdChartAxisClickDetail>>,
-    onMdLegendClick: EventName<MdLineChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
-    onMdHover: EventName<MdLineChartCustomEvent<MdChartHoverDetail>>,
-    onMdReady: EventName<MdLineChartCustomEvent<void>>,
-    onMdZoom: EventName<MdLineChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
-};
-
-export const MdLineChart: StencilReactComponent<MdLineChartElement, MdLineChartEvents, Components.MdLineChart> = /*@__PURE__*/ createComponent<MdLineChartElement, MdLineChartEvents, Components.MdLineChart>({
-    tagName: 'md-line-chart',
-    elementClass: MdLineChartElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdMarkerClick: 'mdMarkerClick',
-        onMdLineClick: 'mdLineClick',
-        onMdAreaClick: 'mdAreaClick',
-        onMdAxisClick: 'mdAxisClick',
-        onMdLegendClick: 'mdLegendClick',
-        onMdHover: 'mdHover',
-        onMdReady: 'mdReady',
-        onMdZoom: 'mdZoom'
-    } as MdLineChartEvents,
-    defineCustomElement: defineMdLineChart
-});
-
-export type MdListEvents = {
-    onMdSelect: EventName<MdListCustomEvent<MdListSelectDetail>>,
-    onMdActivate: EventName<MdListCustomEvent<{ index: number; item: HTMLMdListItemElement }>>,
-    onMdReorder: EventName<MdListCustomEvent<{ from: number; to: number; order: number[] }>>
-};
-
-export const MdList: StencilReactComponent<MdListElement, MdListEvents, Components.MdList> = /*@__PURE__*/ createComponent<MdListElement, MdListEvents, Components.MdList>({
-    tagName: 'md-list',
-    elementClass: MdListElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdSelect: 'mdSelect',
-        onMdActivate: 'mdActivate',
-        onMdReorder: 'mdReorder'
-    } as MdListEvents,
-    defineCustomElement: defineMdList
-});
-
-export type MdListItemEvents = {
-    onMdClick: EventName<MdListItemCustomEvent<{ item: HTMLElement }>>,
-    onMdItemClick: EventName<MdListItemCustomEvent<{ index: number; selected: boolean }>>,
-    onMdItemSelect: EventName<MdListItemCustomEvent<{ index: number; value: string; selected: boolean; item: HTMLMdListItemElement; }>>,
-    onMdRequestActivation: EventName<MdListItemCustomEvent<void>>,
-    onMdItemRequestReorder: EventName<MdListItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>,
-    onMdExpand: EventName<MdListItemCustomEvent<MdListItemExpandDetail>>
-};
-
-export const MdListItem: StencilReactComponent<MdListItemElement, MdListItemEvents, Components.MdListItem> = /*@__PURE__*/ createComponent<MdListItemElement, MdListItemEvents, Components.MdListItem>({
-    tagName: 'md-list-item',
-    elementClass: MdListItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdClick: 'mdClick',
-        onMdItemClick: 'mdItemClick',
-        onMdItemSelect: 'mdItemSelect',
-        onMdRequestActivation: 'mdRequestActivation',
-        onMdItemRequestReorder: 'mdItemRequestReorder',
-        onMdExpand: 'mdExpand'
-    } as MdListItemEvents,
-    defineCustomElement: defineMdListItem
-});
-
-export type MdLoadingIndicatorEvents = NonNullable<unknown>;
-
-export const MdLoadingIndicator: StencilReactComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator> = /*@__PURE__*/ createComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator>({
-    tagName: 'md-loading-indicator',
-    elementClass: MdLoadingIndicatorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdLoadingIndicatorEvents,
-    defineCustomElement: defineMdLoadingIndicator
-});
-
-export type MdMenuEvents = {
-    onMdOpen: EventName<MdMenuCustomEvent<void>>,
-    onMdClose: EventName<MdMenuCustomEvent<void>>
-};
-
-export const MdMenu: StencilReactComponent<MdMenuElement, MdMenuEvents, Components.MdMenu> = /*@__PURE__*/ createComponent<MdMenuElement, MdMenuEvents, Components.MdMenu>({
-    tagName: 'md-menu',
-    elementClass: MdMenuElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose'
-    } as MdMenuEvents,
-    defineCustomElement: defineMdMenu
-});
-
-export type MdMenuItemEvents = { onMdClick: EventName<MdMenuItemCustomEvent<void>> };
-
-export const MdMenuItem: StencilReactComponent<MdMenuItemElement, MdMenuItemEvents, Components.MdMenuItem> = /*@__PURE__*/ createComponent<MdMenuItemElement, MdMenuItemEvents, Components.MdMenuItem>({
-    tagName: 'md-menu-item',
-    elementClass: MdMenuItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdClick: 'mdClick' } as MdMenuItemEvents,
-    defineCustomElement: defineMdMenuItem
-});
-
-export type MdMenuItemGroupEvents = NonNullable<unknown>;
-
-export const MdMenuItemGroup: StencilReactComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup> = /*@__PURE__*/ createComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup>({
-    tagName: 'md-menu-item-group',
-    elementClass: MdMenuItemGroupElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdMenuItemGroupEvents,
-    defineCustomElement: defineMdMenuItemGroup
-});
-
-export type MdMeterEvents = NonNullable<unknown>;
-
-export const MdMeter: StencilReactComponent<MdMeterElement, MdMeterEvents, Components.MdMeter> = /*@__PURE__*/ createComponent<MdMeterElement, MdMeterEvents, Components.MdMeter>({
-    tagName: 'md-meter',
-    elementClass: MdMeterElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdMeterEvents,
-    defineCustomElement: defineMdMeter
-});
-
-export type MdMultiSelectEvents = {
-    onMdChange: EventName<MdMultiSelectCustomEvent<string[]>>,
-    onMdOpen: EventName<MdMultiSelectCustomEvent<void>>,
-    onMdClose: EventName<MdMultiSelectCustomEvent<void>>,
-    onMdRemove: EventName<MdMultiSelectCustomEvent<string>>,
-    onMdClear: EventName<MdMultiSelectCustomEvent<void>>,
-    onMdValidityChange: EventName<MdMultiSelectCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdMultiSelect: StencilReactComponent<MdMultiSelectElement, MdMultiSelectEvents, Components.MdMultiSelect> = /*@__PURE__*/ createComponent<MdMultiSelectElement, MdMultiSelectEvents, Components.MdMultiSelect>({
-    tagName: 'md-multi-select',
-    elementClass: MdMultiSelectElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdRemove: 'mdRemove',
-        onMdClear: 'mdClear',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdMultiSelectEvents,
-    defineCustomElement: defineMdMultiSelect
-});
-
-export type MdNavigationBarEvents = { onMdChange: EventName<MdNavigationBarCustomEvent<{ index: number; previousIndex: number }>> };
-
-export const MdNavigationBar: StencilReactComponent<MdNavigationBarElement, MdNavigationBarEvents, Components.MdNavigationBar> = /*@__PURE__*/ createComponent<MdNavigationBarElement, MdNavigationBarEvents, Components.MdNavigationBar>({
-    tagName: 'md-navigation-bar',
-    elementClass: MdNavigationBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdChange: 'mdChange' } as MdNavigationBarEvents,
-    defineCustomElement: defineMdNavigationBar
-});
-
-export type MdNavigationRailEvents = {
-    onMdTabChange: EventName<MdNavigationRailCustomEvent<{ index: number; value: string }>>,
-    onMdExpand: EventName<MdNavigationRailCustomEvent<void>>,
-    onMdCollapse: EventName<MdNavigationRailCustomEvent<void>>
-};
-
-export const MdNavigationRail: StencilReactComponent<MdNavigationRailElement, MdNavigationRailEvents, Components.MdNavigationRail> = /*@__PURE__*/ createComponent<MdNavigationRailElement, MdNavigationRailEvents, Components.MdNavigationRail>({
-    tagName: 'md-navigation-rail',
-    elementClass: MdNavigationRailElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdTabChange: 'mdTabChange',
-        onMdExpand: 'mdExpand',
-        onMdCollapse: 'mdCollapse'
-    } as MdNavigationRailEvents,
-    defineCustomElement: defineMdNavigationRail
-});
-
-export type MdNavigationRailTabEvents = {
-    onMdTabClick: EventName<MdNavigationRailTabCustomEvent<{ value: string }>>,
-    onMdSubmenuToggle: EventName<MdNavigationRailTabCustomEvent<{ open: boolean }>>
-};
-
-export const MdNavigationRailTab: StencilReactComponent<MdNavigationRailTabElement, MdNavigationRailTabEvents, Components.MdNavigationRailTab> = /*@__PURE__*/ createComponent<MdNavigationRailTabElement, MdNavigationRailTabEvents, Components.MdNavigationRailTab>({
-    tagName: 'md-navigation-rail-tab',
-    elementClass: MdNavigationRailTabElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdTabClick: 'mdTabClick',
-        onMdSubmenuToggle: 'mdSubmenuToggle'
-    } as MdNavigationRailTabEvents,
-    defineCustomElement: defineMdNavigationRailTab
-});
-
-export type MdNavigationTabEvents = { onMdTabClick: EventName<MdNavigationTabCustomEvent<{ index: number }>> };
-
-export const MdNavigationTab: StencilReactComponent<MdNavigationTabElement, MdNavigationTabEvents, Components.MdNavigationTab> = /*@__PURE__*/ createComponent<MdNavigationTabElement, MdNavigationTabEvents, Components.MdNavigationTab>({
-    tagName: 'md-navigation-tab',
-    elementClass: MdNavigationTabElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdTabClick: 'mdTabClick' } as MdNavigationTabEvents,
-    defineCustomElement: defineMdNavigationTab
-});
-
-export type MdNumberFieldEvents = {
-    onMdInput: EventName<MdNumberFieldCustomEvent<MdNumberFieldChangeDetail>>,
-    onMdChange: EventName<MdNumberFieldCustomEvent<MdNumberFieldChangeDetail>>,
-    onMdValidityChange: EventName<MdNumberFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdNumberField: StencilReactComponent<MdNumberFieldElement, MdNumberFieldEvents, Components.MdNumberField> = /*@__PURE__*/ createComponent<MdNumberFieldElement, MdNumberFieldEvents, Components.MdNumberField>({
-    tagName: 'md-number-field',
-    elementClass: MdNumberFieldElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdNumberFieldEvents,
-    defineCustomElement: defineMdNumberField
-});
-
-export type MdOrganizationChartEvents = {
-    onMdSelectionChange: EventName<MdOrganizationChartCustomEvent<OrgChartSelectionChangeDetail>>,
-    onMdNodeToggle: EventName<MdOrganizationChartCustomEvent<OrgChartToggleDetail>>
-};
-
-export const MdOrganizationChart: StencilReactComponent<MdOrganizationChartElement, MdOrganizationChartEvents, Components.MdOrganizationChart> = /*@__PURE__*/ createComponent<MdOrganizationChartElement, MdOrganizationChartEvents, Components.MdOrganizationChart>({
-    tagName: 'md-organization-chart',
-    elementClass: MdOrganizationChartElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdSelectionChange: 'mdSelectionChange',
-        onMdNodeToggle: 'mdNodeToggle'
-    } as MdOrganizationChartEvents,
-    defineCustomElement: defineMdOrganizationChart
-});
-
-export type MdOtpFieldEvents = {
-    onMdInput: EventName<MdOtpFieldCustomEvent<string>>,
-    onMdChange: EventName<MdOtpFieldCustomEvent<string>>,
-    onMdComplete: EventName<MdOtpFieldCustomEvent<MdOtpFieldCompleteDetail>>,
-    onMdInvalidInput: EventName<MdOtpFieldCustomEvent<MdOtpFieldInvalidDetail>>,
-    onMdValidityChange: EventName<MdOtpFieldCustomEvent<MdOtpFieldValidityDetail>>
-};
-
-export const MdOtpField: StencilReactComponent<MdOtpFieldElement, MdOtpFieldEvents, Components.MdOtpField> = /*@__PURE__*/ createComponent<MdOtpFieldElement, MdOtpFieldEvents, Components.MdOtpField>({
-    tagName: 'md-otp-field',
-    elementClass: MdOtpFieldElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdComplete: 'mdComplete',
-        onMdInvalidInput: 'mdInvalidInput',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdOtpFieldEvents,
-    defineCustomElement: defineMdOtpField
-});
-
-export type MdPieChartEvents = {
-    onMdSliceClick: EventName<MdPieChartCustomEvent<MdChartClickDetail<MdPieDatum>>>,
-    onMdLegendClick: EventName<MdPieChartCustomEvent<{ dataIndex: number; selected: boolean }>>,
-    onMdReady: EventName<MdPieChartCustomEvent<void>>
-};
-
-export const MdPieChart: StencilReactComponent<MdPieChartElement, MdPieChartEvents, Components.MdPieChart> = /*@__PURE__*/ createComponent<MdPieChartElement, MdPieChartEvents, Components.MdPieChart>({
-    tagName: 'md-pie-chart',
-    elementClass: MdPieChartElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdSliceClick: 'mdSliceClick',
-        onMdLegendClick: 'mdLegendClick',
-        onMdReady: 'mdReady'
-    } as MdPieChartEvents,
-    defineCustomElement: defineMdPieChart
-});
-
-export type MdProgressIndicatorEvents = { onMdComplete: EventName<MdProgressIndicatorCustomEvent<void>> };
-
-export const MdProgressIndicator: StencilReactComponent<MdProgressIndicatorElement, MdProgressIndicatorEvents, Components.MdProgressIndicator> = /*@__PURE__*/ createComponent<MdProgressIndicatorElement, MdProgressIndicatorEvents, Components.MdProgressIndicator>({
-    tagName: 'md-progress-indicator',
-    elementClass: MdProgressIndicatorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdComplete: 'mdComplete' } as MdProgressIndicatorEvents,
-    defineCustomElement: defineMdProgressIndicator
-});
-
-export type MdRadioEvents = {
-    onMdChange: EventName<MdRadioCustomEvent<{ checked: boolean; value: string }>>,
-    onMdFocus: EventName<MdRadioCustomEvent<void>>,
-    onMdBlur: EventName<MdRadioCustomEvent<void>>,
-    onMdValidityChange: EventName<MdRadioCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdRadio: StencilReactComponent<MdRadioElement, MdRadioEvents, Components.MdRadio> = /*@__PURE__*/ createComponent<MdRadioElement, MdRadioEvents, Components.MdRadio>({
-    tagName: 'md-radio',
-    elementClass: MdRadioElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdFocus: 'mdFocus',
-        onMdBlur: 'mdBlur',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdRadioEvents,
-    defineCustomElement: defineMdRadio
-});
-
-export type MdRatingEvents = {
-    onMdHover: EventName<MdRatingCustomEvent<number | null>>,
-    onMdChange: EventName<MdRatingCustomEvent<number>>
-};
-
-export const MdRating: StencilReactComponent<MdRatingElement, MdRatingEvents, Components.MdRating> = /*@__PURE__*/ createComponent<MdRatingElement, MdRatingEvents, Components.MdRating>({
-    tagName: 'md-rating',
-    elementClass: MdRatingElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdHover: 'mdHover',
-        onMdChange: 'mdChange'
-    } as MdRatingEvents,
-    defineCustomElement: defineMdRating
-});
-
-export type MdRippleEvents = NonNullable<unknown>;
-
-export const MdRipple: StencilReactComponent<MdRippleElement, MdRippleEvents, Components.MdRipple> = /*@__PURE__*/ createComponent<MdRippleElement, MdRippleEvents, Components.MdRipple>({
-    tagName: 'md-ripple',
-    elementClass: MdRippleElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdRippleEvents,
-    defineCustomElement: defineMdRipple
-});
-
-export type MdSearchEvents = {
-    onMdInput: EventName<MdSearchCustomEvent<{ value: string }>>,
-    onMdSearch: EventName<MdSearchCustomEvent<{ value: string }>>,
-    onMdSubmit: EventName<MdSearchCustomEvent<{ value: string }>>,
-    onMdChange: EventName<MdSearchCustomEvent<{ value: string }>>,
-    onMdOpen: EventName<MdSearchCustomEvent<void>>,
-    onMdClose: EventName<MdSearchCustomEvent<void>>,
-    onMdClear: EventName<MdSearchCustomEvent<void>>,
-    onMdVoice: EventName<MdSearchCustomEvent<{ value: string; final: boolean }>>,
-    onMdLeadingIconClick: EventName<MdSearchCustomEvent<MdSearchLeadingIconClickDetail>>,
-    onMdTrailingIconClick: EventName<MdSearchCustomEvent<MdSearchTrailingIconClickDetail>>
-};
-
-export const MdSearch: StencilReactComponent<MdSearchElement, MdSearchEvents, Components.MdSearch> = /*@__PURE__*/ createComponent<MdSearchElement, MdSearchEvents, Components.MdSearch>({
-    tagName: 'md-search',
-    elementClass: MdSearchElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdSearch: 'mdSearch',
-        onMdSubmit: 'mdSubmit',
-        onMdChange: 'mdChange',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdClear: 'mdClear',
-        onMdVoice: 'mdVoice',
-        onMdLeadingIconClick: 'mdLeadingIconClick',
-        onMdTrailingIconClick: 'mdTrailingIconClick'
-    } as MdSearchEvents,
-    defineCustomElement: defineMdSearch
-});
-
-export type MdSegmentedButtonEvents = { onMdSegmentClick: EventName<MdSegmentedButtonCustomEvent<{ value: string; selected: boolean }>> };
-
-export const MdSegmentedButton: StencilReactComponent<MdSegmentedButtonElement, MdSegmentedButtonEvents, Components.MdSegmentedButton> = /*@__PURE__*/ createComponent<MdSegmentedButtonElement, MdSegmentedButtonEvents, Components.MdSegmentedButton>({
-    tagName: 'md-segmented-button',
-    elementClass: MdSegmentedButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdSegmentClick: 'mdSegmentClick' } as MdSegmentedButtonEvents,
-    defineCustomElement: defineMdSegmentedButton
-});
-
-export type MdSegmentedButtonSetEvents = { onMdChange: EventName<MdSegmentedButtonSetCustomEvent<string[]>> };
-
-export const MdSegmentedButtonSet: StencilReactComponent<MdSegmentedButtonSetElement, MdSegmentedButtonSetEvents, Components.MdSegmentedButtonSet> = /*@__PURE__*/ createComponent<MdSegmentedButtonSetElement, MdSegmentedButtonSetEvents, Components.MdSegmentedButtonSet>({
-    tagName: 'md-segmented-button-set',
-    elementClass: MdSegmentedButtonSetElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdChange: 'mdChange' } as MdSegmentedButtonSetEvents,
-    defineCustomElement: defineMdSegmentedButtonSet
-});
-
-export type MdSelectEvents = {
-    onMdChange: EventName<MdSelectCustomEvent<string>>,
-    onMdOpen: EventName<MdSelectCustomEvent<void>>,
-    onMdClose: EventName<MdSelectCustomEvent<void>>,
-    onMdValidityChange: EventName<MdSelectCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdSelect: StencilReactComponent<MdSelectElement, MdSelectEvents, Components.MdSelect> = /*@__PURE__*/ createComponent<MdSelectElement, MdSelectEvents, Components.MdSelect>({
-    tagName: 'md-select',
-    elementClass: MdSelectElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdSelectEvents,
-    defineCustomElement: defineMdSelect
-});
-
-export type MdSelectOptionEvents = { onMdSelectOptionChange: EventName<MdSelectOptionCustomEvent<void>> };
-
-export const MdSelectOption: StencilReactComponent<MdSelectOptionElement, MdSelectOptionEvents, Components.MdSelectOption> = /*@__PURE__*/ createComponent<MdSelectOptionElement, MdSelectOptionEvents, Components.MdSelectOption>({
-    tagName: 'md-select-option',
-    elementClass: MdSelectOptionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdSelectOptionChange: 'mdSelectOptionChange' } as MdSelectOptionEvents,
-    defineCustomElement: defineMdSelectOption
-});
-
-export type MdSideSheetEvents = {
-    onMdOpen: EventName<MdSideSheetCustomEvent<void>>,
-    onMdClose: EventName<MdSideSheetCustomEvent<void>>,
-    onMdCancel: EventName<MdSideSheetCustomEvent<void>>,
-    onMdBack: EventName<MdSideSheetCustomEvent<void>>
-};
-
-export const MdSideSheet: StencilReactComponent<MdSideSheetElement, MdSideSheetEvents, Components.MdSideSheet> = /*@__PURE__*/ createComponent<MdSideSheetElement, MdSideSheetEvents, Components.MdSideSheet>({
-    tagName: 'md-side-sheet',
-    elementClass: MdSideSheetElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdCancel: 'mdCancel',
-        onMdBack: 'mdBack'
-    } as MdSideSheetEvents,
-    defineCustomElement: defineMdSideSheet
-});
-
-export type MdSkeletonEvents = NonNullable<unknown>;
-
-export const MdSkeleton: StencilReactComponent<MdSkeletonElement, MdSkeletonEvents, Components.MdSkeleton> = /*@__PURE__*/ createComponent<MdSkeletonElement, MdSkeletonEvents, Components.MdSkeleton>({
-    tagName: 'md-skeleton',
-    elementClass: MdSkeletonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdSkeletonEvents,
-    defineCustomElement: defineMdSkeleton
-});
-
-export type MdSliderEvents = {
-    onMdInput: EventName<MdSliderCustomEvent<MdSliderValueDetail>>,
-    onMdChange: EventName<MdSliderCustomEvent<MdSliderValueDetail>>,
-    onMdFocus: EventName<MdSliderCustomEvent<MdSliderThumbDetail>>,
-    onMdBlur: EventName<MdSliderCustomEvent<MdSliderThumbDetail>>,
-    onMdDragStart: EventName<MdSliderCustomEvent<MdSliderDragDetail>>,
-    onMdDragEnd: EventName<MdSliderCustomEvent<MdSliderDragDetail>>
-};
-
-export const MdSlider: StencilReactComponent<MdSliderElement, MdSliderEvents, Components.MdSlider> = /*@__PURE__*/ createComponent<MdSliderElement, MdSliderEvents, Components.MdSlider>({
-    tagName: 'md-slider',
-    elementClass: MdSliderElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdFocus: 'mdFocus',
-        onMdBlur: 'mdBlur',
-        onMdDragStart: 'mdDragStart',
-        onMdDragEnd: 'mdDragEnd'
-    } as MdSliderEvents,
-    defineCustomElement: defineMdSlider
-});
-
-export type MdSnackbarEvents = {
-    onMdOpen: EventName<MdSnackbarCustomEvent<void>>,
-    onMdClose: EventName<MdSnackbarCustomEvent<{ reason: 'auto' | 'action' | 'close' }>>,
-    onMdAction: EventName<MdSnackbarCustomEvent<void>>
-};
-
-export const MdSnackbar: StencilReactComponent<MdSnackbarElement, MdSnackbarEvents, Components.MdSnackbar> = /*@__PURE__*/ createComponent<MdSnackbarElement, MdSnackbarEvents, Components.MdSnackbar>({
-    tagName: 'md-snackbar',
-    elementClass: MdSnackbarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdAction: 'mdAction'
-    } as MdSnackbarEvents,
-    defineCustomElement: defineMdSnackbar
-});
-
-export type MdSparklineEvents = {
-    onMdSparkClick: EventName<MdSparklineCustomEvent<{ dataIndex: number; value: number | null }>>,
-    onMdReady: EventName<MdSparklineCustomEvent<void>>
-};
-
-export const MdSparkline: StencilReactComponent<MdSparklineElement, MdSparklineEvents, Components.MdSparkline> = /*@__PURE__*/ createComponent<MdSparklineElement, MdSparklineEvents, Components.MdSparkline>({
-    tagName: 'md-sparkline',
-    elementClass: MdSparklineElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdSparkClick: 'mdSparkClick',
-        onMdReady: 'mdReady'
-    } as MdSparklineEvents,
-    defineCustomElement: defineMdSparkline
-});
-
-export type MdSplitButtonEvents = {
-    onMdLeadingClick: EventName<MdSplitButtonCustomEvent<void>>,
-    onMdTrailingClick: EventName<MdSplitButtonCustomEvent<{ checked: boolean }>>
-};
-
-export const MdSplitButton: StencilReactComponent<MdSplitButtonElement, MdSplitButtonEvents, Components.MdSplitButton> = /*@__PURE__*/ createComponent<MdSplitButtonElement, MdSplitButtonEvents, Components.MdSplitButton>({
-    tagName: 'md-split-button',
-    elementClass: MdSplitButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdLeadingClick: 'mdLeadingClick',
-        onMdTrailingClick: 'mdTrailingClick'
-    } as MdSplitButtonEvents,
-    defineCustomElement: defineMdSplitButton
-});
-
-export type MdStatusDotEvents = NonNullable<unknown>;
-
-export const MdStatusDot: StencilReactComponent<MdStatusDotElement, MdStatusDotEvents, Components.MdStatusDot> = /*@__PURE__*/ createComponent<MdStatusDotElement, MdStatusDotEvents, Components.MdStatusDot>({
-    tagName: 'md-status-dot',
-    elementClass: MdStatusDotElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdStatusDotEvents,
-    defineCustomElement: defineMdStatusDot
-});
-
-export type MdStepEvents = {
-    onMdStepClick: EventName<MdStepCustomEvent<{ index: number }>>,
-    onMdStepNext: EventName<MdStepCustomEvent<{ index: number }>>,
-    onMdStepBack: EventName<MdStepCustomEvent<{ index: number }>>
-};
-
-export const MdStep: StencilReactComponent<MdStepElement, MdStepEvents, Components.MdStep> = /*@__PURE__*/ createComponent<MdStepElement, MdStepEvents, Components.MdStep>({
-    tagName: 'md-step',
-    elementClass: MdStepElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdStepClick: 'mdStepClick',
-        onMdStepNext: 'mdStepNext',
-        onMdStepBack: 'mdStepBack'
-    } as MdStepEvents,
-    defineCustomElement: defineMdStep
-});
-
-export type MdStepperEvents = {
-    onMdBeforeChange: EventName<MdStepperCustomEvent<{ index: number; previous: number }>>,
-    onMdStepChange: EventName<MdStepperCustomEvent<{ index: number; previous: number }>>,
-    onMdComplete: EventName<MdStepperCustomEvent<void>>
-};
-
-export const MdStepper: StencilReactComponent<MdStepperElement, MdStepperEvents, Components.MdStepper> = /*@__PURE__*/ createComponent<MdStepperElement, MdStepperEvents, Components.MdStepper>({
-    tagName: 'md-stepper',
-    elementClass: MdStepperElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdBeforeChange: 'mdBeforeChange',
-        onMdStepChange: 'mdStepChange',
-        onMdComplete: 'mdComplete'
-    } as MdStepperEvents,
-    defineCustomElement: defineMdStepper
-});
-
-export type MdSubMenuItemEvents = { onMdClick: EventName<MdSubMenuItemCustomEvent<void>> };
-
-export const MdSubMenuItem: StencilReactComponent<MdSubMenuItemElement, MdSubMenuItemEvents, Components.MdSubMenuItem> = /*@__PURE__*/ createComponent<MdSubMenuItemElement, MdSubMenuItemEvents, Components.MdSubMenuItem>({
-    tagName: 'md-sub-menu-item',
-    elementClass: MdSubMenuItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdClick: 'mdClick' } as MdSubMenuItemEvents,
-    defineCustomElement: defineMdSubMenuItem
-});
-
-export type MdSwitchEvents = {
-    onMdInput: EventName<MdSwitchCustomEvent<{ selected: boolean }>>,
-    onMdChange: EventName<MdSwitchCustomEvent<{ selected: boolean }>>,
-    onMdValidityChange: EventName<MdSwitchCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdSwitch: StencilReactComponent<MdSwitchElement, MdSwitchEvents, Components.MdSwitch> = /*@__PURE__*/ createComponent<MdSwitchElement, MdSwitchEvents, Components.MdSwitch>({
-    tagName: 'md-switch',
-    elementClass: MdSwitchElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdSwitchEvents,
-    defineCustomElement: defineMdSwitch
-});
-
-export type MdTabEvents = { onMdTabClick: EventName<MdTabCustomEvent<void>> };
-
-export const MdTab: StencilReactComponent<MdTabElement, MdTabEvents, Components.MdTab> = /*@__PURE__*/ createComponent<MdTabElement, MdTabEvents, Components.MdTab>({
-    tagName: 'md-tab',
-    elementClass: MdTabElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdTabClick: 'mdTabClick' } as MdTabEvents,
-    defineCustomElement: defineMdTab
-});
-
-export type MdTabPanelEvents = NonNullable<unknown>;
-
-export const MdTabPanel: StencilReactComponent<MdTabPanelElement, MdTabPanelEvents, Components.MdTabPanel> = /*@__PURE__*/ createComponent<MdTabPanelElement, MdTabPanelEvents, Components.MdTabPanel>({
-    tagName: 'md-tab-panel',
-    elementClass: MdTabPanelElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTabPanelEvents,
-    defineCustomElement: defineMdTabPanel
-});
-
-export type MdTabPanelsEvents = NonNullable<unknown>;
-
-export const MdTabPanels: StencilReactComponent<MdTabPanelsElement, MdTabPanelsEvents, Components.MdTabPanels> = /*@__PURE__*/ createComponent<MdTabPanelsElement, MdTabPanelsEvents, Components.MdTabPanels>({
-    tagName: 'md-tab-panels',
-    elementClass: MdTabPanelsElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTabPanelsEvents,
-    defineCustomElement: defineMdTabPanels
-});
-
-export type MdTableEvents = {
-    onMdSortChange: EventName<MdTableCustomEvent<MdTableSortState>>,
-    onMdSelectionChange: EventName<MdTableCustomEvent<MdTableSelectionState>>,
-    onMdPinChange: EventName<MdTableCustomEvent<{ column: number; side: 'start' | 'end' | null }>>,
-    onMdColumnVisibilityChange: EventName<MdTableCustomEvent<{ column: number; visible: boolean; hidden: number[] }>>,
-    onMdScroll: EventName<MdTableCustomEvent<{ scrollLeft: number; scrollTop: number }>>
-};
-
-export const MdTable: StencilReactComponent<MdTableElement, MdTableEvents, Components.MdTable> = /*@__PURE__*/ createComponent<MdTableElement, MdTableEvents, Components.MdTable>({
-    tagName: 'md-table',
-    elementClass: MdTableElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdSortChange: 'mdSortChange',
-        onMdSelectionChange: 'mdSelectionChange',
-        onMdPinChange: 'mdPinChange',
-        onMdColumnVisibilityChange: 'mdColumnVisibilityChange',
-        onMdScroll: 'mdScroll'
-    } as MdTableEvents,
-    defineCustomElement: defineMdTable
-});
-
-export type MdTableBodyEvents = NonNullable<unknown>;
-
-export const MdTableBody: StencilReactComponent<MdTableBodyElement, MdTableBodyEvents, Components.MdTableBody> = /*@__PURE__*/ createComponent<MdTableBodyElement, MdTableBodyEvents, Components.MdTableBody>({
-    tagName: 'md-table-body',
-    elementClass: MdTableBodyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableBodyEvents,
-    defineCustomElement: defineMdTableBody
-});
-
-export type MdTableCellEvents = NonNullable<unknown>;
-
-export const MdTableCell: StencilReactComponent<MdTableCellElement, MdTableCellEvents, Components.MdTableCell> = /*@__PURE__*/ createComponent<MdTableCellElement, MdTableCellEvents, Components.MdTableCell>({
-    tagName: 'md-table-cell',
-    elementClass: MdTableCellElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableCellEvents,
-    defineCustomElement: defineMdTableCell
-});
-
-export type MdTableContainerEvents = NonNullable<unknown>;
-
-export const MdTableContainer: StencilReactComponent<MdTableContainerElement, MdTableContainerEvents, Components.MdTableContainer> = /*@__PURE__*/ createComponent<MdTableContainerElement, MdTableContainerEvents, Components.MdTableContainer>({
-    tagName: 'md-table-container',
-    elementClass: MdTableContainerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableContainerEvents,
-    defineCustomElement: defineMdTableContainer
-});
-
-export type MdTableExpandToggleEvents = NonNullable<unknown>;
-
-export const MdTableExpandToggle: StencilReactComponent<MdTableExpandToggleElement, MdTableExpandToggleEvents, Components.MdTableExpandToggle> = /*@__PURE__*/ createComponent<MdTableExpandToggleElement, MdTableExpandToggleEvents, Components.MdTableExpandToggle>({
-    tagName: 'md-table-expand-toggle',
-    elementClass: MdTableExpandToggleElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableExpandToggleEvents,
-    defineCustomElement: defineMdTableExpandToggle
-});
-
-export type MdTableFootEvents = NonNullable<unknown>;
-
-export const MdTableFoot: StencilReactComponent<MdTableFootElement, MdTableFootEvents, Components.MdTableFoot> = /*@__PURE__*/ createComponent<MdTableFootElement, MdTableFootEvents, Components.MdTableFoot>({
-    tagName: 'md-table-foot',
-    elementClass: MdTableFootElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableFootEvents,
-    defineCustomElement: defineMdTableFoot
-});
-
-export type MdTableHeadEvents = NonNullable<unknown>;
-
-export const MdTableHead: StencilReactComponent<MdTableHeadElement, MdTableHeadEvents, Components.MdTableHead> = /*@__PURE__*/ createComponent<MdTableHeadElement, MdTableHeadEvents, Components.MdTableHead>({
-    tagName: 'md-table-head',
-    elementClass: MdTableHeadElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableHeadEvents,
-    defineCustomElement: defineMdTableHead
-});
-
-export type MdTablePaginationEvents = {
-    onMdPageChange: EventName<MdTablePaginationCustomEvent<{ page: number }>>,
-    onMdRowsPerPageChange: EventName<MdTablePaginationCustomEvent<{ rowsPerPage: number }>>
-};
-
-export const MdTablePagination: StencilReactComponent<MdTablePaginationElement, MdTablePaginationEvents, Components.MdTablePagination> = /*@__PURE__*/ createComponent<MdTablePaginationElement, MdTablePaginationEvents, Components.MdTablePagination>({
-    tagName: 'md-table-pagination',
-    elementClass: MdTablePaginationElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdPageChange: 'mdPageChange',
-        onMdRowsPerPageChange: 'mdRowsPerPageChange'
-    } as MdTablePaginationEvents,
-    defineCustomElement: defineMdTablePagination
-});
-
-export type MdTableRowEvents = {
-    onMdRowClick: EventName<MdTableRowCustomEvent<{ value: string; row: HTMLElement }>>,
-    onMdRowSelectionChange: EventName<MdTableRowCustomEvent<{ selected: boolean; value: string }>>,
-    onMdRowExpandedChange: EventName<MdTableRowCustomEvent<{ expanded: boolean }>>
-};
-
-export const MdTableRow: StencilReactComponent<MdTableRowElement, MdTableRowEvents, Components.MdTableRow> = /*@__PURE__*/ createComponent<MdTableRowElement, MdTableRowEvents, Components.MdTableRow>({
-    tagName: 'md-table-row',
-    elementClass: MdTableRowElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdRowClick: 'mdRowClick',
-        onMdRowSelectionChange: 'mdRowSelectionChange',
-        onMdRowExpandedChange: 'mdRowExpandedChange'
-    } as MdTableRowEvents,
-    defineCustomElement: defineMdTableRow
-});
-
-export type MdTableSortLabelEvents = { onMdSortRequest: EventName<MdTableSortLabelCustomEvent<{ column: string; defaultOrder: 'asc' | 'desc' }>> };
-
-export const MdTableSortLabel: StencilReactComponent<MdTableSortLabelElement, MdTableSortLabelEvents, Components.MdTableSortLabel> = /*@__PURE__*/ createComponent<MdTableSortLabelElement, MdTableSortLabelEvents, Components.MdTableSortLabel>({
-    tagName: 'md-table-sort-label',
-    elementClass: MdTableSortLabelElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdSortRequest: 'mdSortRequest' } as MdTableSortLabelEvents,
-    defineCustomElement: defineMdTableSortLabel
-});
-
-export type MdTableToolbarEvents = NonNullable<unknown>;
-
-export const MdTableToolbar: StencilReactComponent<MdTableToolbarElement, MdTableToolbarEvents, Components.MdTableToolbar> = /*@__PURE__*/ createComponent<MdTableToolbarElement, MdTableToolbarEvents, Components.MdTableToolbar>({
-    tagName: 'md-table-toolbar',
-    elementClass: MdTableToolbarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdTableToolbarEvents,
-    defineCustomElement: defineMdTableToolbar
-});
-
-export type MdTabsEvents = { onMdTabChange: EventName<MdTabsCustomEvent<{ index: number; previousIndex: number }>> };
-
-export const MdTabs: StencilReactComponent<MdTabsElement, MdTabsEvents, Components.MdTabs> = /*@__PURE__*/ createComponent<MdTabsElement, MdTabsEvents, Components.MdTabs>({
-    tagName: 'md-tabs',
-    elementClass: MdTabsElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdTabChange: 'mdTabChange' } as MdTabsEvents,
-    defineCustomElement: defineMdTabs
-});
-
-export type MdTextFieldEvents = {
-    onMdInput: EventName<MdTextFieldCustomEvent<string>>,
-    onMdChange: EventName<MdTextFieldCustomEvent<string>>,
-    onMdSearch: EventName<MdTextFieldCustomEvent<string>>,
-    onMdClear: EventName<MdTextFieldCustomEvent<void>>,
-    onMdPasswordToggle: EventName<MdTextFieldCustomEvent<{ visible: boolean }>>,
-    onMdSpeechResult: EventName<MdTextFieldCustomEvent<{ transcript: string; listening: boolean }>>,
-    onMdValidityChange: EventName<MdTextFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdTextField: StencilReactComponent<MdTextFieldElement, MdTextFieldEvents, Components.MdTextField> = /*@__PURE__*/ createComponent<MdTextFieldElement, MdTextFieldEvents, Components.MdTextField>({
-    tagName: 'md-text-field',
-    elementClass: MdTextFieldElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdInput: 'mdInput',
-        onMdChange: 'mdChange',
-        onMdSearch: 'mdSearch',
-        onMdClear: 'mdClear',
-        onMdPasswordToggle: 'mdPasswordToggle',
-        onMdSpeechResult: 'mdSpeechResult',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdTextFieldEvents,
-    defineCustomElement: defineMdTextField
-});
-
-export type MdTimePickerEvents = {
-    onMdChange: EventName<MdTimePickerCustomEvent<MdTimePickerChangeDetail>>,
-    onMdInput: EventName<MdTimePickerCustomEvent<MdTimePickerChangeDetail>>,
-    onMdOpen: EventName<MdTimePickerCustomEvent<void>>,
-    onMdClose: EventName<MdTimePickerCustomEvent<void>>,
-    onMdCancel: EventName<MdTimePickerCustomEvent<void>>,
-    onMdModeChange: EventName<MdTimePickerCustomEvent<MdTimePickerModeChangeDetail>>,
-    onMdValidityChange: EventName<MdTimePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
-};
-
-export const MdTimePicker: StencilReactComponent<MdTimePickerElement, MdTimePickerEvents, Components.MdTimePicker> = /*@__PURE__*/ createComponent<MdTimePickerElement, MdTimePickerEvents, Components.MdTimePicker>({
-    tagName: 'md-time-picker',
-    elementClass: MdTimePickerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdInput: 'mdInput',
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose',
-        onMdCancel: 'mdCancel',
-        onMdModeChange: 'mdModeChange',
-        onMdValidityChange: 'mdValidityChange'
-    } as MdTimePickerEvents,
-    defineCustomElement: defineMdTimePicker
-});
-
-export type MdToolbarEvents = NonNullable<unknown>;
-
-export const MdToolbar: StencilReactComponent<MdToolbarElement, MdToolbarEvents, Components.MdToolbar> = /*@__PURE__*/ createComponent<MdToolbarElement, MdToolbarEvents, Components.MdToolbar>({
-    tagName: 'md-toolbar',
-    elementClass: MdToolbarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MdToolbarEvents,
-    defineCustomElement: defineMdToolbar
-});
-
-export type MdTooltipEvents = {
-    onMdOpen: EventName<MdTooltipCustomEvent<void>>,
-    onMdClose: EventName<MdTooltipCustomEvent<void>>
-};
-
-export const MdTooltip: StencilReactComponent<MdTooltipElement, MdTooltipEvents, Components.MdTooltip> = /*@__PURE__*/ createComponent<MdTooltipElement, MdTooltipEvents, Components.MdTooltip>({
-    tagName: 'md-tooltip',
-    elementClass: MdTooltipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdOpen: 'mdOpen',
-        onMdClose: 'mdClose'
-    } as MdTooltipEvents,
-    defineCustomElement: defineMdTooltip
-});
-
-export type MdTransferListEvents = {
-    onMdChange: EventName<MdTransferListCustomEvent<string[]>>,
-    onMdMove: EventName<MdTransferListCustomEvent<{ direction: 'left' | 'right'; moved: string[]; target: string[]; }>>
-};
-
-export const MdTransferList: StencilReactComponent<MdTransferListElement, MdTransferListEvents, Components.MdTransferList> = /*@__PURE__*/ createComponent<MdTransferListElement, MdTransferListEvents, Components.MdTransferList>({
-    tagName: 'md-transfer-list',
-    elementClass: MdTransferListElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdChange: 'mdChange',
-        onMdMove: 'mdMove'
-    } as MdTransferListEvents,
-    defineCustomElement: defineMdTransferList
-});
+/* barrel generated by scripts/split-react-components.mjs */
+
+export * from './components/MdAccordion.js';
+export * from './components/MdAccordionItem.js';
+export * from './components/MdAppBar.js';
+export * from './components/MdAreaChart.js';
+export * from './components/MdAutocomplete.js';
+export * from './components/MdAvatar.js';
+export * from './components/MdBadge.js';
+export * from './components/MdBarChart.js';
+export * from './components/MdBottomSheet.js';
+export * from './components/MdBreadcrumbItem.js';
+export * from './components/MdBreadcrumbs.js';
+export * from './components/MdButton.js';
+export * from './components/MdButtonGroup.js';
+export * from './components/MdCard.js';
+export * from './components/MdCheckbox.js';
+export * from './components/MdChip.js';
+export * from './components/MdColorPicker.js';
+export * from './components/MdDatePicker.js';
+export * from './components/MdDialog.js';
+export * from './components/MdDivider.js';
+export * from './components/MdFab.js';
+export * from './components/MdFabMenu.js';
+export * from './components/MdFabMenuItem.js';
+export * from './components/MdIconButton.js';
+export * from './components/MdLineChart.js';
+export * from './components/MdList.js';
+export * from './components/MdListItem.js';
+export * from './components/MdLoadingIndicator.js';
+export * from './components/MdMenu.js';
+export * from './components/MdMenuItem.js';
+export * from './components/MdMenuItemGroup.js';
+export * from './components/MdMeter.js';
+export * from './components/MdMultiSelect.js';
+export * from './components/MdNavigationBar.js';
+export * from './components/MdNavigationRail.js';
+export * from './components/MdNavigationRailTab.js';
+export * from './components/MdNavigationTab.js';
+export * from './components/MdNumberField.js';
+export * from './components/MdOrganizationChart.js';
+export * from './components/MdOtpField.js';
+export * from './components/MdPieChart.js';
+export * from './components/MdProgressIndicator.js';
+export * from './components/MdRadio.js';
+export * from './components/MdRating.js';
+export * from './components/MdRipple.js';
+export * from './components/MdSearch.js';
+export * from './components/MdSegmentedButton.js';
+export * from './components/MdSegmentedButtonSet.js';
+export * from './components/MdSelect.js';
+export * from './components/MdSelectOption.js';
+export * from './components/MdSideSheet.js';
+export * from './components/MdSkeleton.js';
+export * from './components/MdSlider.js';
+export * from './components/MdSnackbar.js';
+export * from './components/MdSparkline.js';
+export * from './components/MdSplitButton.js';
+export * from './components/MdStatusDot.js';
+export * from './components/MdStep.js';
+export * from './components/MdStepper.js';
+export * from './components/MdSubMenuItem.js';
+export * from './components/MdSwitch.js';
+export * from './components/MdTab.js';
+export * from './components/MdTabPanel.js';
+export * from './components/MdTabPanels.js';
+export * from './components/MdTable.js';
+export * from './components/MdTableBody.js';
+export * from './components/MdTableCell.js';
+export * from './components/MdTableContainer.js';
+export * from './components/MdTableExpandToggle.js';
+export * from './components/MdTableFoot.js';
+export * from './components/MdTableHead.js';
+export * from './components/MdTablePagination.js';
+export * from './components/MdTableRow.js';
+export * from './components/MdTableSortLabel.js';
+export * from './components/MdTableToolbar.js';
+export * from './components/MdTabs.js';
+export * from './components/MdTextField.js';
+export * from './components/MdTimePicker.js';
+export * from './components/MdToolbar.js';
+export * from './components/MdTooltip.js';
+export * from './components/MdTransferList.js';