@awc-ui/react 0.0.0-snapshot.20260820120614.cae27aa

package/dist/components.js

@@ -0,0 +1,961 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+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 const MdAccordion = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAccordion
+});
+export const MdAccordionItem = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAccordionItem
+});
+export const MdAppBar = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAppBar
+});
+export const MdAreaChart = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAreaChart
+});
+export const MdAutocomplete = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAutocomplete
+});
+export const MdAvatar = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdAvatar
+});
+export const MdBadge = /*@__PURE__*/ createComponent({
+    tagName: 'md-badge',
+    elementClass: MdBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdBadge
+});
+export const MdBarChart = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdBarChart
+});
+export const MdBottomSheet = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdBottomSheet
+});
+export const MdBreadcrumbItem = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdBreadcrumbItem
+});
+export const MdBreadcrumbs = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdBreadcrumbs
+});
+export const MdButton = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdButton
+});
+export const MdButtonGroup = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdButtonGroup
+});
+export const MdCard = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdCard
+});
+export const MdCheckbox = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdCheckbox
+});
+export const MdChip = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdChip
+});
+export const MdColorPicker = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdColorPicker
+});
+export const MdDatePicker = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdDatePicker
+});
+export const MdDialog = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdDialog
+});
+export const MdDivider = /*@__PURE__*/ createComponent({
+    tagName: 'md-divider',
+    elementClass: MdDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdDivider
+});
+export const MdFab = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdFab
+});
+export const MdFabMenu = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdFabMenu
+});
+export const MdFabMenuItem = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdFabMenuItem
+});
+export const MdIconButton = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdIconButton
+});
+export const MdLineChart = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdLineChart
+});
+export const MdList = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdList
+});
+export const MdListItem = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdListItem
+});
+export const MdLoadingIndicator = /*@__PURE__*/ createComponent({
+    tagName: 'md-loading-indicator',
+    elementClass: MdLoadingIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdLoadingIndicator
+});
+export const MdMenu = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdMenu
+});
+export const MdMenuItem = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdMenuItem
+});
+export const MdMenuItemGroup = /*@__PURE__*/ createComponent({
+    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: {},
+    defineCustomElement: defineMdMenuItemGroup
+});
+export const MdMeter = /*@__PURE__*/ createComponent({
+    tagName: 'md-meter',
+    elementClass: MdMeterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdMeter
+});
+export const MdMultiSelect = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdMultiSelect
+});
+export const MdNavigationBar = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdNavigationBar
+});
+export const MdNavigationRail = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdNavigationRail
+});
+export const MdNavigationRailTab = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdNavigationRailTab
+});
+export const MdNavigationTab = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdNavigationTab
+});
+export const MdNumberField = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdNumberField
+});
+export const MdOrganizationChart = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdOrganizationChart
+});
+export const MdOtpField = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdOtpField
+});
+export const MdPieChart = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdPieChart
+});
+export const MdProgressIndicator = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdProgressIndicator
+});
+export const MdRadio = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdRadio
+});
+export const MdRating = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdRating
+});
+export const MdRipple = /*@__PURE__*/ createComponent({
+    tagName: 'md-ripple',
+    elementClass: MdRippleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdRipple
+});
+export const MdSearch = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSearch
+});
+export const MdSegmentedButton = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdSegmentedButton
+});
+export const MdSegmentedButtonSet = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdSegmentedButtonSet
+});
+export const MdSelect = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSelect
+});
+export const MdSelectOption = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdSelectOption
+});
+export const MdSideSheet = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSideSheet
+});
+export const MdSkeleton = /*@__PURE__*/ createComponent({
+    tagName: 'md-skeleton',
+    elementClass: MdSkeletonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdSkeleton
+});
+export const MdSlider = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSlider
+});
+export const MdSnackbar = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSnackbar
+});
+export const MdSparkline = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSparkline
+});
+export const MdSplitButton = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSplitButton
+});
+export const MdStatusDot = /*@__PURE__*/ createComponent({
+    tagName: 'md-status-dot',
+    elementClass: MdStatusDotElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdStatusDot
+});
+export const MdStep = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdStep
+});
+export const MdStepper = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdStepper
+});
+export const MdSubMenuItem = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdSubMenuItem
+});
+export const MdSwitch = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdSwitch
+});
+export const MdTab = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdTab
+});
+export const MdTabPanel = /*@__PURE__*/ createComponent({
+    tagName: 'md-tab-panel',
+    elementClass: MdTabPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTabPanel
+});
+export const MdTabPanels = /*@__PURE__*/ createComponent({
+    tagName: 'md-tab-panels',
+    elementClass: MdTabPanelsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTabPanels
+});
+export const MdTable = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTable
+});
+export const MdTableBody = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-body',
+    elementClass: MdTableBodyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableBody
+});
+export const MdTableCell = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-cell',
+    elementClass: MdTableCellElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableCell
+});
+export const MdTableContainer = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-container',
+    elementClass: MdTableContainerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableContainer
+});
+export const MdTableExpandToggle = /*@__PURE__*/ createComponent({
+    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: {},
+    defineCustomElement: defineMdTableExpandToggle
+});
+export const MdTableFoot = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-foot',
+    elementClass: MdTableFootElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableFoot
+});
+export const MdTableHead = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-head',
+    elementClass: MdTableHeadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableHead
+});
+export const MdTablePagination = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTablePagination
+});
+export const MdTableRow = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTableRow
+});
+export const MdTableSortLabel = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdTableSortLabel
+});
+export const MdTableToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'md-table-toolbar',
+    elementClass: MdTableToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdTableToolbar
+});
+export const MdTabs = /*@__PURE__*/ createComponent({
+    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' },
+    defineCustomElement: defineMdTabs
+});
+export const MdTextField = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTextField
+});
+export const MdTimePicker = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTimePicker
+});
+export const MdToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'md-toolbar',
+    elementClass: MdToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdToolbar
+});
+export const MdTooltip = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTooltip
+});
+export const MdTransferList = /*@__PURE__*/ createComponent({
+    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'
+    },
+    defineCustomElement: defineMdTransferList
+});
+//# sourceMappingURL=components.js.map