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

package/src/components.server.ts

@@ -0,0 +1,2358 @@
+'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.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+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 } from "@awc-ui/core/dist/components/md-accordion-item.js";
+import { MdAccordion as MdAccordionElement } from "@awc-ui/core/dist/components/md-accordion.js";
+import { MdAppBar as MdAppBarElement } from "@awc-ui/core/dist/components/md-app-bar.js";
+import { MdAreaChart as MdAreaChartElement } from "@awc-ui/core/dist/components/md-area-chart.js";
+import { MdAutocomplete as MdAutocompleteElement } from "@awc-ui/core/dist/components/md-autocomplete.js";
+import { MdAvatar as MdAvatarElement } from "@awc-ui/core/dist/components/md-avatar.js";
+import { MdBadge as MdBadgeElement } from "@awc-ui/core/dist/components/md-badge.js";
+import { MdBarChart as MdBarChartElement } from "@awc-ui/core/dist/components/md-bar-chart.js";
+import { MdBottomSheet as MdBottomSheetElement } from "@awc-ui/core/dist/components/md-bottom-sheet.js";
+import { MdBreadcrumbItem as MdBreadcrumbItemElement } from "@awc-ui/core/dist/components/md-breadcrumb-item.js";
+import { MdBreadcrumbs as MdBreadcrumbsElement } from "@awc-ui/core/dist/components/md-breadcrumbs.js";
+import { MdButtonGroup as MdButtonGroupElement } from "@awc-ui/core/dist/components/md-button-group.js";
+import { MdButton as MdButtonElement } from "@awc-ui/core/dist/components/md-button.js";
+import { MdCard as MdCardElement } from "@awc-ui/core/dist/components/md-card.js";
+import { MdCheckbox as MdCheckboxElement } from "@awc-ui/core/dist/components/md-checkbox.js";
+import { MdChip as MdChipElement } from "@awc-ui/core/dist/components/md-chip.js";
+import { MdColorPicker as MdColorPickerElement } from "@awc-ui/core/dist/components/md-color-picker.js";
+import { MdDatePicker as MdDatePickerElement } from "@awc-ui/core/dist/components/md-date-picker.js";
+import { MdDialog as MdDialogElement } from "@awc-ui/core/dist/components/md-dialog.js";
+import { MdDivider as MdDividerElement } from "@awc-ui/core/dist/components/md-divider.js";
+import { MdFabMenuItem as MdFabMenuItemElement } from "@awc-ui/core/dist/components/md-fab-menu-item.js";
+import { MdFabMenu as MdFabMenuElement } from "@awc-ui/core/dist/components/md-fab-menu.js";
+import { MdFab as MdFabElement } from "@awc-ui/core/dist/components/md-fab.js";
+import { MdIconButton as MdIconButtonElement } from "@awc-ui/core/dist/components/md-icon-button.js";
+import { MdLineChart as MdLineChartElement } from "@awc-ui/core/dist/components/md-line-chart.js";
+import { MdListItem as MdListItemElement } from "@awc-ui/core/dist/components/md-list-item.js";
+import { MdList as MdListElement } from "@awc-ui/core/dist/components/md-list.js";
+import { MdLoadingIndicator as MdLoadingIndicatorElement } from "@awc-ui/core/dist/components/md-loading-indicator.js";
+import { MdMenuItemGroup as MdMenuItemGroupElement } from "@awc-ui/core/dist/components/md-menu-item-group.js";
+import { MdMenuItem as MdMenuItemElement } from "@awc-ui/core/dist/components/md-menu-item.js";
+import { MdMenu as MdMenuElement } from "@awc-ui/core/dist/components/md-menu.js";
+import { MdMeter as MdMeterElement } from "@awc-ui/core/dist/components/md-meter.js";
+import { MdMultiSelect as MdMultiSelectElement } from "@awc-ui/core/dist/components/md-multi-select.js";
+import { MdNavigationBar as MdNavigationBarElement } from "@awc-ui/core/dist/components/md-navigation-bar.js";
+import { MdNavigationRailTab as MdNavigationRailTabElement } from "@awc-ui/core/dist/components/md-navigation-rail-tab.js";
+import { MdNavigationRail as MdNavigationRailElement } from "@awc-ui/core/dist/components/md-navigation-rail.js";
+import { MdNavigationTab as MdNavigationTabElement } from "@awc-ui/core/dist/components/md-navigation-tab.js";
+import { MdNumberField as MdNumberFieldElement } from "@awc-ui/core/dist/components/md-number-field.js";
+import { MdOrganizationChart as MdOrganizationChartElement } from "@awc-ui/core/dist/components/md-organization-chart.js";
+import { MdOtpField as MdOtpFieldElement } from "@awc-ui/core/dist/components/md-otp-field.js";
+import { MdPieChart as MdPieChartElement } from "@awc-ui/core/dist/components/md-pie-chart.js";
+import { MdProgressIndicator as MdProgressIndicatorElement } from "@awc-ui/core/dist/components/md-progress-indicator.js";
+import { MdRadio as MdRadioElement } from "@awc-ui/core/dist/components/md-radio.js";
+import { MdRating as MdRatingElement } from "@awc-ui/core/dist/components/md-rating.js";
+import { MdRipple as MdRippleElement } from "@awc-ui/core/dist/components/md-ripple.js";
+import { MdSearch as MdSearchElement } from "@awc-ui/core/dist/components/md-search.js";
+import { MdSegmentedButtonSet as MdSegmentedButtonSetElement } from "@awc-ui/core/dist/components/md-segmented-button-set.js";
+import { MdSegmentedButton as MdSegmentedButtonElement } from "@awc-ui/core/dist/components/md-segmented-button.js";
+import { MdSelectOption as MdSelectOptionElement } from "@awc-ui/core/dist/components/md-select-option.js";
+import { MdSelect as MdSelectElement } from "@awc-ui/core/dist/components/md-select.js";
+import { MdSideSheet as MdSideSheetElement } from "@awc-ui/core/dist/components/md-side-sheet.js";
+import { MdSkeleton as MdSkeletonElement } from "@awc-ui/core/dist/components/md-skeleton.js";
+import { MdSlider as MdSliderElement } from "@awc-ui/core/dist/components/md-slider.js";
+import { MdSnackbar as MdSnackbarElement } from "@awc-ui/core/dist/components/md-snackbar.js";
+import { MdSparkline as MdSparklineElement } from "@awc-ui/core/dist/components/md-sparkline.js";
+import { MdSplitButton as MdSplitButtonElement } from "@awc-ui/core/dist/components/md-split-button.js";
+import { MdStatusDot as MdStatusDotElement } from "@awc-ui/core/dist/components/md-status-dot.js";
+import { MdStep as MdStepElement } from "@awc-ui/core/dist/components/md-step.js";
+import { MdStepper as MdStepperElement } from "@awc-ui/core/dist/components/md-stepper.js";
+import { MdSubMenuItem as MdSubMenuItemElement } from "@awc-ui/core/dist/components/md-sub-menu-item.js";
+import { MdSwitch as MdSwitchElement } from "@awc-ui/core/dist/components/md-switch.js";
+import { MdTabPanel as MdTabPanelElement } from "@awc-ui/core/dist/components/md-tab-panel.js";
+import { MdTabPanels as MdTabPanelsElement } from "@awc-ui/core/dist/components/md-tab-panels.js";
+import { MdTab as MdTabElement } from "@awc-ui/core/dist/components/md-tab.js";
+import { MdTableBody as MdTableBodyElement } from "@awc-ui/core/dist/components/md-table-body.js";
+import { MdTableCell as MdTableCellElement } from "@awc-ui/core/dist/components/md-table-cell.js";
+import { MdTableContainer as MdTableContainerElement } from "@awc-ui/core/dist/components/md-table-container.js";
+import { MdTableExpandToggle as MdTableExpandToggleElement } from "@awc-ui/core/dist/components/md-table-expand-toggle.js";
+import { MdTableFoot as MdTableFootElement } from "@awc-ui/core/dist/components/md-table-foot.js";
+import { MdTableHead as MdTableHeadElement } from "@awc-ui/core/dist/components/md-table-head.js";
+import { MdTablePagination as MdTablePaginationElement } from "@awc-ui/core/dist/components/md-table-pagination.js";
+import { MdTableRow as MdTableRowElement } from "@awc-ui/core/dist/components/md-table-row.js";
+import { MdTableSortLabel as MdTableSortLabelElement } from "@awc-ui/core/dist/components/md-table-sort-label.js";
+import { MdTableToolbar as MdTableToolbarElement } from "@awc-ui/core/dist/components/md-table-toolbar.js";
+import { MdTable as MdTableElement } from "@awc-ui/core/dist/components/md-table.js";
+import { MdTabs as MdTabsElement } from "@awc-ui/core/dist/components/md-tabs.js";
+import { MdTextField as MdTextFieldElement } from "@awc-ui/core/dist/components/md-text-field.js";
+import { MdTimePicker as MdTimePickerElement } from "@awc-ui/core/dist/components/md-time-picker.js";
+import { MdToolbar as MdToolbarElement } from "@awc-ui/core/dist/components/md-toolbar.js";
+import { MdTooltip as MdTooltipElement } from "@awc-ui/core/dist/components/md-tooltip.js";
+import { MdTransferList as MdTransferListElement } from "@awc-ui/core/dist/components/md-transfer-list.js";
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@awc-ui/react";
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+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',
+    properties: {
+        variant: 'variant',
+        density: 'density',
+        elevation: 'elevation',
+        reorderable: 'reorderable',
+        floating: 'floating',
+        initialX: 'initial-x',
+        initialY: 'initial-y',
+        bringToFront: 'bring-to-front',
+        exclusive: 'exclusive',
+        keepOneExpanded: 'keep-one-expanded',
+        headingLevel: 'heading-level',
+        region: 'region',
+        regionThreshold: 'region-threshold',
+        transition: 'transition',
+        defaultExpanded: 'default-expanded'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAccordion as StencilReactComponent<MdAccordionElement, MdAccordionEvents, Components.MdAccordion>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        icon: 'icon',
+        expanded: 'expanded',
+        disabled: 'disabled',
+        headingLevel: 'heading-level',
+        collapsible: 'collapsible',
+        regionRole: 'region-role',
+        contentMaxHeight: 'content-max-height',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAccordionItem as StencilReactComponent<MdAccordionItemElement, MdAccordionItemEvents, Components.MdAccordionItem>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        titleAlignment: 'title-alignment',
+        searchPlaceholder: 'search-placeholder',
+        searchValue: 'search-value',
+        searchAriaLabel: 'search-aria-label',
+        searchDisabled: 'search-disabled',
+        headline: 'headline',
+        subtitle: 'subtitle',
+        scrolled: 'scrolled',
+        density: 'density',
+        leadingIcon: 'leading-icon',
+        leadingIconLabel: 'leading-icon-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAppBar as StencilReactComponent<MdAppBarElement, MdAppBarEvents, Components.MdAppBar>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        curve: 'curve',
+        stack: 'stack',
+        connectNulls: 'connect-nulls',
+        showMarks: 'show-marks',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        zoom: 'zoom',
+        locale: 'locale',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        fillOpacity: 'fill-opacity',
+        showLine: 'show-line',
+        grid: 'grid',
+        inverted: 'inverted',
+        seriesLabels: 'series-labels',
+        summary: 'summary',
+        labelEmpty: 'label-empty',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        axisTicks: 'axis-ticks',
+        showLabels: 'show-labels',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAreaChart as StencilReactComponent<MdAreaChartElement, MdAreaChartEvents, Components.MdAreaChart>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        density: 'density',
+        options: 'options',
+        multiple: 'multiple',
+        chipPosition: 'chip-position',
+        value: 'value',
+        inputValue: 'input-value',
+        freeSolo: 'free-solo',
+        maxSelected: 'max-selected',
+        loading: 'loading',
+        noOptionsText: 'no-options-text',
+        noResultsText: 'no-results-text',
+        loadingText: 'loading-text',
+        statusTemplate: 'status-template',
+        disableCloseOnSelect: 'disable-close-on-select',
+        clearOnBlur: 'clear-on-blur',
+        clearable: 'clearable',
+        clearIcon: 'clear-icon',
+        dropdownIcon: 'dropdown-icon',
+        limitResults: 'limit-results',
+        open: 'open',
+        virtualize: 'virtualize',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        placement: 'placement',
+        matchTriggerWidth: 'match-trigger-width',
+        maxHeight: 'max-height',
+        name: 'name'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAutocomplete as StencilReactComponent<MdAutocompleteElement, MdAutocompleteEvents, Components.MdAutocomplete>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        src: 'src',
+        alt: 'alt',
+        name: 'name',
+        initials: 'initials',
+        size: 'size',
+        shape: 'shape',
+        label: 'label',
+        colorFromName: 'color-from-name',
+        loading: 'loading',
+        crossorigin: 'crossorigin',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdAvatar as StencilReactComponent<MdAvatarElement, MdAvatarEvents, Components.MdAvatar>,
+    serializeShadowRoot
+});
+
+export type MdBadgeEvents = NonNullable<unknown>;
+
+export const MdBadge: StencilReactComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge> = /*@__PURE__*/ createComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge>({
+    tagName: 'md-badge',
+    properties: {
+        variant: 'variant',
+        value: 'value',
+        max: 'max',
+        icon: 'icon',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdBadge as StencilReactComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        layout: 'layout',
+        stack: 'stack',
+        categoryGap: 'category-gap',
+        barGap: 'bar-gap',
+        barWidth: 'bar-width',
+        cornerRadius: 'corner-radius',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        zoom: 'zoom',
+        locale: 'locale',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        showLabels: 'show-labels',
+        showTotals: 'show-totals',
+        chevron: 'chevron',
+        polar: 'polar',
+        polarHole: 'polar-hole',
+        polarSweep: 'polar-sweep',
+        axisTicks: 'axis-ticks',
+        clickable: 'clickable',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdBarChart as StencilReactComponent<MdBarChartElement, MdBarChartEvents, Components.MdBarChart>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        variant: 'variant',
+        headline: 'headline',
+        showDragHandle: 'show-drag-handle',
+        closeable: 'closeable',
+        scrimDismissible: 'scrim-dismissible',
+        topDivider: 'top-divider',
+        bottomDivider: 'bottom-divider',
+        sheetAriaLabel: 'aria-label',
+        scrollShadow: 'scroll-shadow',
+        headlineAlign: 'headline-align',
+        contentAlign: 'content-align',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdBottomSheet as StencilReactComponent<MdBottomSheetElement, MdBottomSheetEvents, Components.MdBottomSheet>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
+        current: 'current',
+        icon: 'icon',
+        disabled: 'disabled',
+        collapsed: 'collapsed',
+        itemIndex: 'item-index',
+        itemTotal: 'item-total',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdBreadcrumbItem as StencilReactComponent<MdBreadcrumbItemElement, MdBreadcrumbItemEvents, Components.MdBreadcrumbItem>,
+    serializeShadowRoot
+});
+
+export type MdBreadcrumbsEvents = { onMdExpand: EventName<MdBreadcrumbsCustomEvent<MdBreadcrumbsExpandDetail>> };
+
+export const MdBreadcrumbs: StencilReactComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs> = /*@__PURE__*/ createComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs>({
+    tagName: 'md-breadcrumbs',
+    properties: {
+        label: 'label',
+        expandLabel: 'expand-label',
+        separator: 'separator',
+        maxItems: 'max-items',
+        itemsBeforeCollapse: 'items-before-collapse',
+        itemsAfterCollapse: 'items-after-collapse',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdBreadcrumbs as StencilReactComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        type: 'type',
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        ripple: 'ripple',
+        loading: 'loading',
+        icon: 'icon',
+        trailingIcon: 'trailing-icon',
+        href: 'href',
+        target: 'target',
+        toggle: 'toggle',
+        selected: 'selected',
+        shapeMorph: 'shape-morph',
+        mirrorIcon: 'mirror-icon',
+        suppressExpandIconFlip: 'suppress-expand-icon-flip',
+        fullWidth: 'full-width',
+        connectedLeft: 'connected-left',
+        connectedRight: 'connected-right',
+        value: 'value',
+        groupTabindex: 'group-tabindex',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdButton as StencilReactComponent<MdButtonElement, MdButtonEvents, Components.MdButton>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        selectionMode: 'selection-mode',
+        required: 'required',
+        fullWidth: 'full-width',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdButtonGroup as StencilReactComponent<MdButtonGroupElement, MdButtonGroupEvents, Components.MdButtonGroup>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        interactive: 'interactive',
+        dragEnabled: 'drag-enabled',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        ripple: 'ripple',
+        fullWidth: 'full-width',
+        fullHeight: 'full-height',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdCard as StencilReactComponent<MdCardElement, MdCardEvents, Components.MdCard>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        checked: 'checked',
+        indeterminate: 'indeterminate',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdCheckbox as StencilReactComponent<MdCheckboxElement, MdCheckboxEvents, Components.MdCheckbox>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        icon: 'icon',
+        trailingIcon: 'trailing-icon',
+        selected: 'selected',
+        selectable: 'selectable',
+        appearance: 'appearance',
+        color: 'color',
+        elevated: 'elevated',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        removable: 'removable',
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdChip as StencilReactComponent<MdChipElement, MdChipEvents, Components.MdChip>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        value: 'value',
+        format: 'format',
+        alpha: 'alpha',
+        showHex: 'show-hex',
+        showInputs: 'show-inputs',
+        disabled: 'disabled',
+        presets: 'presets',
+        ariaLabelProp: 'aria-label',
+        open: 'open',
+        dismissOnOutsideClick: 'dismiss-on-outside-click',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdColorPicker as StencilReactComponent<MdColorPickerElement, MdColorPickerEvents, Components.MdColorPicker>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        value: 'value',
+        label: 'label',
+        placeholder: 'placeholder',
+        min: 'min',
+        max: 'max',
+        open: 'open',
+        disabled: 'disabled',
+        required: 'required',
+        clearable: 'clearable',
+        clearLabel: 'clear-label',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        locale: 'locale',
+        dateSeparator: 'date-separator',
+        fieldVariant: 'field-variant',
+        firstDayOfWeek: 'first-day-of-week',
+        headline: 'headline',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        selectDateLabel: 'select-date-label',
+        enterDatesLabel: 'enter-dates-label',
+        invalidDateLabel: 'invalid-date-label',
+        previousMonthLabel: 'previous-month-label',
+        nextMonthLabel: 'next-month-label',
+        previousYearLabel: 'previous-year-label',
+        nextYearLabel: 'next-year-label',
+        chooseMonthLabel: 'choose-month-label',
+        chooseYearLabel: 'choose-year-label',
+        chooseMonthYearLabel: 'choose-month-year-label',
+        chooseMonthAndYearLabel: 'choose-month-and-year-label',
+        toggleCalendarLabel: 'toggle-calendar-label',
+        toggleTextLabel: 'toggle-text-label',
+        openCalendarLabel: 'open-calendar-label',
+        closeCalendarLabel: 'close-calendar-label',
+        calendarIcon: 'calendar-icon',
+        yearGridLabel: 'year-grid-label',
+        scrimDismissible: 'scrim-dismissible',
+        outsideClickDismissible: 'outside-click-dismissible',
+        commitOnSelect: 'commit-on-select',
+        name: 'name',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdDatePicker as StencilReactComponent<MdDatePickerElement, MdDatePickerEvents, Components.MdDatePicker>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        headline: 'headline',
+        icon: 'icon',
+        fullscreen: 'fullscreen',
+        scrimDismissible: 'scrim-dismissible',
+        locale: 'locale',
+        closeLabel: 'close-label',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        divider: 'divider',
+        headerDivider: 'header-divider',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdDialog as StencilReactComponent<MdDialogElement, MdDialogEvents, Components.MdDialog>,
+    serializeShadowRoot
+});
+
+export type MdDividerEvents = NonNullable<unknown>;
+
+export const MdDivider: StencilReactComponent<MdDividerElement, MdDividerEvents, Components.MdDivider> = /*@__PURE__*/ createComponent<MdDividerElement, MdDividerEvents, Components.MdDivider>({
+    tagName: 'md-divider',
+    properties: {
+        inset: 'inset',
+        insetStart: 'inset-start',
+        insetEnd: 'inset-end',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdDivider as StencilReactComponent<MdDividerElement, MdDividerEvents, Components.MdDivider>,
+    serializeShadowRoot
+});
+
+export type MdFabEvents = { onMdClick: EventName<MdFabCustomEvent<MouseEvent>> };
+
+export const MdFab: StencilReactComponent<MdFabElement, MdFabEvents, Components.MdFab> = /*@__PURE__*/ createComponent<MdFabElement, MdFabEvents, Components.MdFab>({
+    tagName: 'md-fab',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        lowered: 'lowered',
+        ripple: 'ripple',
+        icon: 'icon',
+        label: 'label',
+        extended: 'extended',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdFab as StencilReactComponent<MdFabElement, MdFabEvents, Components.MdFab>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        anchor: 'anchor',
+        variant: 'variant',
+        placement: 'placement',
+        quick: 'quick',
+        menuLabel: 'menu-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdFabMenu as StencilReactComponent<MdFabMenuElement, MdFabMenuEvents, Components.MdFabMenu>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        rovingFocusVisible: 'roving-focus-visible',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdFabMenuItem as StencilReactComponent<MdFabMenuItemElement, MdFabMenuItemEvents, Components.MdFabMenuItem>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        buttonWidth: 'button-width',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        toggle: 'toggle',
+        selected: 'selected',
+        shapeMorph: 'shape-morph',
+        ripple: 'ripple',
+        icon: 'icon',
+        selectedIcon: 'selected-icon',
+        href: 'href',
+        target: 'target',
+        connectedLeft: 'connected-left',
+        connectedRight: 'connected-right',
+        value: 'value',
+        groupTabindex: 'group-tabindex',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdIconButton as StencilReactComponent<MdIconButtonElement, MdIconButtonEvents, Components.MdIconButton>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        curve: 'curve',
+        stack: 'stack',
+        connectNulls: 'connect-nulls',
+        showMarks: 'show-marks',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        area: 'area',
+        showLine: 'show-line',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        grid: 'grid',
+        axisTicks: 'axis-ticks',
+        inverted: 'inverted',
+        showLabels: 'show-labels',
+        seriesLabels: 'series-labels',
+        zoom: 'zoom',
+        locale: 'locale',
+        labelEmpty: 'label-empty',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        summary: 'summary',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdLineChart as StencilReactComponent<MdLineChartElement, MdLineChartEvents, Components.MdLineChart>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        listStyle: 'list-style',
+        selectionMode: 'selection-mode',
+        interactionMode: 'interaction-mode',
+        reorderable: 'reorderable',
+        label: 'label',
+        labelledby: 'labelledby',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdList as StencilReactComponent<MdListElement, MdListEvents, Components.MdList>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        type: 'type',
+        headline: 'headline',
+        overline: 'overline',
+        supportingText: 'supporting-text',
+        trailingSupportingText: 'trailing-supporting-text',
+        leadingIcon: 'leading-icon',
+        trailingIcon: 'trailing-icon',
+        leadingAvatar: 'leading-avatar',
+        leadingAvatarAlt: 'leading-avatar-alt',
+        leadingAvatarName: 'leading-avatar-name',
+        leadingAvatarLabel: 'leading-avatar-label',
+        leadingImage: 'leading-image',
+        leadingImageAlt: 'leading-image-alt',
+        lines: 'lines',
+        href: 'href',
+        target: 'target',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        selected: 'selected',
+        expandable: 'expandable',
+        expanded: 'expanded',
+        tabbable: 'tabbable',
+        rovingFocusVisible: 'roving-focus-visible',
+        selectionMode: 'selection-mode',
+        interactionMode: 'interaction-mode',
+        containerRole: 'container-role',
+        reorderable: 'reorderable',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdListItem as StencilReactComponent<MdListItemElement, MdListItemEvents, Components.MdListItem>,
+    serializeShadowRoot
+});
+
+export type MdLoadingIndicatorEvents = NonNullable<unknown>;
+
+export const MdLoadingIndicator: StencilReactComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator> = /*@__PURE__*/ createComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator>({
+    tagName: 'md-loading-indicator',
+    properties: {
+        variant: 'variant',
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdLoadingIndicator as StencilReactComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        anchor: 'anchor',
+        placement: 'placement',
+        quick: 'quick',
+        variant: 'variant',
+        layout: 'layout',
+        useGap: 'use-gap',
+        emptyText: 'empty-text',
+        matchAnchorWidth: 'match-anchor-width',
+        responsive: 'responsive',
+        persistent: 'persistent',
+        autoFocus: 'auto-focus',
+        maxHeight: 'max-height',
+        listLabel: 'list-label',
+        listbox: 'listbox',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdMenu as StencilReactComponent<MdMenuElement, MdMenuEvents, Components.MdMenu>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        trailingText: 'trailing-text',
+        disabled: 'disabled',
+        selected: 'selected',
+        indeterminate: 'indeterminate',
+        keepOpen: 'keep-open',
+        divider: 'divider',
+        gap: 'gap',
+        badge: 'badge',
+        type: 'type',
+        checkPosition: 'check-position',
+        presentation: 'presentation',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdMenuItem as StencilReactComponent<MdMenuItemElement, MdMenuItemEvents, Components.MdMenuItem>,
+    serializeShadowRoot
+});
+
+export type MdMenuItemGroupEvents = NonNullable<unknown>;
+
+export const MdMenuItemGroup: StencilReactComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup> = /*@__PURE__*/ createComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup>({
+    tagName: 'md-menu-item-group',
+    properties: {
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdMenuItemGroup as StencilReactComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup>,
+    serializeShadowRoot
+});
+
+export type MdMeterEvents = NonNullable<unknown>;
+
+export const MdMeter: StencilReactComponent<MdMeterElement, MdMeterEvents, Components.MdMeter> = /*@__PURE__*/ createComponent<MdMeterElement, MdMeterEvents, Components.MdMeter>({
+    tagName: 'md-meter',
+    properties: {
+        value: 'value',
+        min: 'min',
+        max: 'max',
+        label: 'label',
+        showLabel: 'show-label',
+        showValue: 'show-value',
+        valueText: 'value-text',
+        locale: 'locale',
+        color: 'color',
+        variant: 'variant',
+        size: 'size',
+        thickness: 'thickness',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdMeter as StencilReactComponent<MdMeterElement, MdMeterEvents, Components.MdMeter>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        density: 'density',
+        options: 'options',
+        virtualize: 'virtualize',
+        filterable: 'filterable',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        maxSelected: 'max-selected',
+        showSelectAll: 'show-select-all',
+        selectAllLabel: 'select-all-label',
+        placement: 'placement',
+        maxHeight: 'max-height',
+        matchTriggerWidth: 'match-trigger-width',
+        displayMode: 'display-mode',
+        chipOverflow: 'chip-overflow',
+        chipPosition: 'chip-position',
+        trigger: 'trigger',
+        triggerIcon: 'trigger-icon',
+        triggerLabel: 'trigger-label',
+        searchPlaceholder: 'search-placeholder',
+        filterLabel: 'filter-label',
+        noResultsText: 'no-results-text',
+        noOptionsText: 'no-options-text',
+        searchingLabel: 'searching-label',
+        loadingText: 'loading-text',
+        loading: 'loading',
+        clearable: 'clearable',
+        clearIcon: 'clear-icon',
+        clearLabel: 'clear-label',
+        dropdownIcon: 'dropdown-icon',
+        name: 'name',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdMultiSelect as StencilReactComponent<MdMultiSelectElement, MdMultiSelectEvents, Components.MdMultiSelect>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        activeIndex: 'active-index',
+        labelBehavior: 'label-behavior',
+        manualActivation: 'manual-activation',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdNavigationBar as StencilReactComponent<MdNavigationBarElement, MdNavigationBarEvents, Components.MdNavigationBar>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        modal: 'modal',
+        fullHeight: 'full-height',
+        alignment: 'alignment',
+        expandable: 'expandable',
+        toggleLabel: 'toggle-label',
+        labelVisibility: 'label-visibility',
+        activeIndex: 'active-index',
+        label: 'label',
+        disableFocusManagement: 'disable-focus-management',
+        density: 'density',
+        orientation: 'orientation',
+        maxVisible: 'max-visible',
+        overflowLabel: 'overflow-label',
+        overflowIcon: 'overflow-icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdNavigationRail as StencilReactComponent<MdNavigationRailElement, MdNavigationRailEvents, Components.MdNavigationRail>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        active: 'active',
+        disabled: 'disabled',
+        badge: 'badge',
+        badgeValue: 'badge-value',
+        href: 'href',
+        target: 'target',
+        value: 'value',
+        labelVisibility: 'label-visibility',
+        expanded: 'expanded',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdNavigationRailTab as StencilReactComponent<MdNavigationRailTabElement, MdNavigationRailTabEvents, Components.MdNavigationRailTab>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        active: 'active',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        label: 'label',
+        icon: 'icon',
+        activeIcon: 'active-icon',
+        badge: 'badge',
+        badgeValue: 'badge-value',
+        badgeMax: 'badge-max',
+        href: 'href',
+        target: 'target',
+        labelBehavior: 'label-behavior',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdNavigationTab as StencilReactComponent<MdNavigationTabElement, MdNavigationTabEvents, Components.MdNavigationTab>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        name: 'name',
+        density: 'density',
+        value: 'value',
+        locale: 'locale',
+        formatOptions: 'format-options',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        smallStep: 'small-step',
+        largeStep: 'large-step',
+        snapOnStep: 'snap-on-step',
+        allowOutOfRange: 'allow-out-of-range',
+        allowWheelScrub: 'allow-wheel-scrub',
+        steppers: 'steppers',
+        incrementLabel: 'increment-label',
+        decrementLabel: 'decrement-label',
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdNumberField as StencilReactComponent<MdNumberFieldElement, MdNumberFieldEvents, Components.MdNumberField>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        nodes: 'nodes',
+        selectionMode: 'selection-mode',
+        collapsible: 'collapsible',
+        orientation: 'orientation',
+        label: 'label',
+        expandLabel: 'expand-label',
+        collapseLabel: 'collapse-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdOrganizationChart as StencilReactComponent<MdOrganizationChartElement, MdOrganizationChartEvents, Components.MdOrganizationChart>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        length: 'length',
+        value: 'value',
+        validationType: 'validation-type',
+        transform: 'transform',
+        mask: 'mask',
+        autoSubmit: 'auto-submit',
+        groupSize: 'group-size',
+        inputMode: 'inputmode',
+        name: 'name',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        label: 'label',
+        cellLabelTemplate: 'cell-label-template',
+        valueMissingLabel: 'value-missing-label',
+        incompleteLabel: 'incomplete-label',
+        density: 'density',
+        reserveSupportingSpace: 'reserve-supporting-space'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdOtpField as StencilReactComponent<MdOtpFieldElement, MdOtpFieldEvents, Components.MdOtpField>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        label: 'label',
+        titleAlign: 'title-align',
+        innerRadius: 'inner-radius',
+        outerRadius: 'outer-radius',
+        startAngle: 'start-angle',
+        endAngle: 'end-angle',
+        paddingAngle: 'padding-angle',
+        cornerRadius: 'corner-radius',
+        showLabels: 'show-labels',
+        labelMode: 'label-mode',
+        monochrome: 'monochrome',
+        gradient: 'gradient',
+        highlight: 'highlight',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        locale: 'locale',
+        subtitle: 'subtitle',
+        summary: 'summary',
+        labelEmpty: 'label-empty',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdPieChart as StencilReactComponent<MdPieChartElement, MdPieChartEvents, Components.MdPieChart>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        value: 'value',
+        max: 'max',
+        indeterminate: 'indeterminate',
+        thickness: 'thickness',
+        wave: 'wave',
+        waveAmplitude: 'wave-amplitude',
+        waveLength: 'wave-length',
+        waveSpeed: 'wave-speed',
+        size: 'size',
+        fourColor: 'four-color',
+        label: 'label',
+        complete: 'complete',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdProgressIndicator as StencilReactComponent<MdProgressIndicatorElement, MdProgressIndicatorEvents, Components.MdProgressIndicator>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        checked: 'checked',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdRadio as StencilReactComponent<MdRadioElement, MdRadioEvents, Components.MdRadio>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        value: 'value',
+        defaultValue: 'default-value',
+        max: 'max',
+        precision: 'precision',
+        size: 'size',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        emptyIcon: 'empty-icon',
+        outlineEmpty: 'outline-empty',
+        showValueLabel: 'show-value-label',
+        ratingLabel: 'rating-label',
+        name: 'name',
+        hover: 'hover',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdRating as StencilReactComponent<MdRatingElement, MdRatingEvents, Components.MdRating>,
+    serializeShadowRoot
+});
+
+export type MdRippleEvents = NonNullable<unknown>;
+
+export const MdRipple: StencilReactComponent<MdRippleElement, MdRippleEvents, Components.MdRipple> = /*@__PURE__*/ createComponent<MdRippleElement, MdRippleEvents, Components.MdRipple>({
+    tagName: 'md-ripple',
+    properties: { disabled: 'disabled' },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdRipple as StencilReactComponent<MdRippleElement, MdRippleEvents, Components.MdRipple>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        layout: 'layout',
+        trigger: 'trigger',
+        triggerIcon: 'trigger-icon',
+        triggerFor: 'trigger-for',
+        fullWidth: 'full-width',
+        value: 'value',
+        placeholder: 'placeholder',
+        open: 'open',
+        disabled: 'disabled',
+        elevation: 'elevation',
+        leadingIcon: 'leading-icon',
+        openLeadingIcon: 'open-leading-icon',
+        showClearButton: 'show-clear-button',
+        voiceSearch: 'voice-search',
+        escapeCloses: 'escape-closes',
+        dismissOnOutsideClick: 'dismiss-on-outside-click',
+        scrollShadow: 'scroll-shadow',
+        maxBlockSize: 'max-block-size',
+        inputAriaLabel: 'input-aria-label',
+        initialFocus: 'initial-focus',
+        announceResults: 'announce-results',
+        resultsLabel: 'results-label',
+        noResultsLabel: 'no-results-label',
+        loading: 'loading',
+        debounce: 'debounce',
+        throttle: 'throttle',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSearch as StencilReactComponent<MdSearchElement, MdSearchEvents, Components.MdSearch>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        value: 'value',
+        selected: 'selected',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        label: 'label',
+        noCheckmark: 'no-checkmark',
+        ripple: 'ripple',
+        segmentIndex: 'segment-index',
+        segmentTotal: 'segment-total',
+        segmentDensity: 'segment-density',
+        segmentMultiselect: 'segment-multiselect',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSegmentedButton as StencilReactComponent<MdSegmentedButtonElement, MdSegmentedButtonEvents, Components.MdSegmentedButton>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        multiselect: 'multiselect',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSegmentedButtonSet as StencilReactComponent<MdSegmentedButtonSetElement, MdSegmentedButtonSetEvents, Components.MdSegmentedButtonSet>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        label: 'label',
+        placeholder: 'placeholder',
+        value: 'value',
+        disabled: 'disabled',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        density: 'density',
+        clearable: 'clearable',
+        matchTriggerWidth: 'match-trigger-width',
+        placement: 'placement',
+        maxHeight: 'max-height',
+        options: 'options',
+        virtualize: 'virtualize',
+        filterable: 'filterable',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        name: 'name',
+        searchPlaceholder: 'search-placeholder',
+        filterLabel: 'filter-label',
+        noResultsText: 'no-results-text',
+        noOptionsText: 'no-options-text',
+        clearLabel: 'clear-label',
+        searchingLabel: 'searching-label',
+        loadingText: 'loading-text',
+        clearIcon: 'clear-icon',
+        dropdownIcon: 'dropdown-icon',
+        loading: 'loading',
+        fullWidth: 'full-width',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSelect as StencilReactComponent<MdSelectElement, MdSelectEvents, Components.MdSelect>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        value: 'value',
+        label: 'label',
+        disabled: 'disabled',
+        selected: 'selected',
+        icon: 'icon',
+        iconColor: 'icon-color',
+        supportingText: 'supporting-text'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSelectOption as StencilReactComponent<MdSelectOptionElement, MdSelectOptionEvents, Components.MdSelectOption>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        variant: 'variant',
+        side: 'side',
+        headline: 'headline',
+        closeable: 'closeable',
+        showBack: 'show-back',
+        scrimDismissible: 'scrim-dismissible',
+        topDivider: 'top-divider',
+        bottomDivider: 'bottom-divider',
+        detached: 'detached',
+        sheetAriaLabel: 'aria-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSideSheet as StencilReactComponent<MdSideSheetElement, MdSideSheetEvents, Components.MdSideSheet>,
+    serializeShadowRoot
+});
+
+export type MdSkeletonEvents = NonNullable<unknown>;
+
+export const MdSkeleton: StencilReactComponent<MdSkeletonElement, MdSkeletonEvents, Components.MdSkeleton> = /*@__PURE__*/ createComponent<MdSkeletonElement, MdSkeletonEvents, Components.MdSkeleton>({
+    tagName: 'md-skeleton',
+    properties: {
+        variant: 'variant',
+        animation: 'animation',
+        lines: 'lines',
+        width: 'width',
+        height: 'height',
+        fullWidth: 'full-width',
+        fullHeight: 'full-height',
+        ariaLabelProp: 'aria-label',
+        announce: 'announce',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSkeleton as StencilReactComponent<MdSkeletonElement, MdSkeletonEvents, Components.MdSkeleton>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        min: 'min',
+        max: 'max',
+        value: 'value',
+        step: 'step',
+        disabled: 'disabled',
+        name: 'name',
+        nameStart: 'name-start',
+        nameEnd: 'name-end',
+        variant: 'variant',
+        range: 'range',
+        stops: 'stops',
+        valueStart: 'value-start',
+        valueEnd: 'value-end',
+        size: 'size',
+        orientation: 'orientation',
+        fullHeight: 'full-height',
+        valueIndicator: 'value-indicator',
+        labeled: 'labeled',
+        insetIcon: 'inset-icon',
+        icon: 'icon',
+        sliderAriaLabel: 'aria-label',
+        ariaLabelStart: 'label-start',
+        ariaLabelEnd: 'label-end',
+        valueText: 'value-text',
+        valueStartText: 'value-start-text',
+        valueEndText: 'value-end-text',
+        controlled: 'controlled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSlider as StencilReactComponent<MdSliderElement, MdSliderEvents, Components.MdSlider>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        open: 'open',
+        message: 'message',
+        action: 'action',
+        closeable: 'closeable',
+        autoHide: 'auto-hide',
+        autoHideDuration: 'auto-hide-duration',
+        position: 'position',
+        stacked: 'stacked',
+        politeness: 'politeness',
+        dismissLabel: 'dismiss-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSnackbar as StencilReactComponent<MdSnackbarElement, MdSnackbarEvents, Components.MdSnackbar>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        color: 'color',
+        curve: 'curve',
+        showTooltip: 'show-tooltip',
+        showMarks: 'show-marks',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        cornerRadius: 'corner-radius',
+        min: 'min',
+        max: 'max',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        barWidth: 'bar-width'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSparkline as StencilReactComponent<MdSparklineElement, MdSparklineEvents, Components.MdSparkline>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        label: 'label',
+        trailingIcon: 'trailing-icon',
+        trailingChecked: 'trailing-checked',
+        menuLabel: 'menu-label',
+        haspopup: 'haspopup',
+        controls: 'controls',
+        fullWidth: 'full-width',
+        ripple: 'ripple',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSplitButton as StencilReactComponent<MdSplitButtonElement, MdSplitButtonEvents, Components.MdSplitButton>,
+    serializeShadowRoot
+});
+
+export type MdStatusDotEvents = NonNullable<unknown>;
+
+export const MdStatusDot: StencilReactComponent<MdStatusDotElement, MdStatusDotEvents, Components.MdStatusDot> = /*@__PURE__*/ createComponent<MdStatusDotElement, MdStatusDotEvents, Components.MdStatusDot>({
+    tagName: 'md-status-dot',
+    properties: {
+        state: 'state',
+        size: 'size',
+        live: 'live',
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdStatusDot as StencilReactComponent<MdStatusDotElement, MdStatusDotEvents, Components.MdStatusDot>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        label: 'label',
+        description: 'description',
+        completed: 'completed',
+        active: 'active',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        optional: 'optional',
+        editable: 'editable',
+        icon: 'icon',
+        completedIcon: 'completed-icon',
+        errorIcon: 'error-icon',
+        accessibleName: 'accessible-name',
+        hideActions: 'hide-actions',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdStep as StencilReactComponent<MdStepElement, MdStepEvents, Components.MdStep>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        orientation: 'orientation',
+        indicator: 'indicator',
+        variant: 'variant',
+        mode: 'mode',
+        active: 'active',
+        autoComplete: 'auto-complete',
+        nav: 'nav',
+        nextDisabled: 'next-disabled',
+        loading: 'loading',
+        lazy: 'lazy',
+        label: 'label',
+        stepWord: 'step-word',
+        ofWord: 'of-word',
+        completedWord: 'completed-word',
+        currentWord: 'current-word',
+        errorWord: 'error-word',
+        optionalWord: 'optional-word',
+        nextLabel: 'next-label',
+        backLabel: 'back-label',
+        finishLabel: 'finish-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdStepper as StencilReactComponent<MdStepperElement, MdStepperEvents, Components.MdStepper>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        disabled: 'disabled',
+        divider: 'divider',
+        gap: 'gap',
+        badge: 'badge',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSubMenuItem as StencilReactComponent<MdSubMenuItemElement, MdSubMenuItemEvents, Components.MdSubMenuItem>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        selected: 'selected',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        icons: 'icons',
+        showOnlySelectedIcon: 'show-only-selected-icon',
+        selectedIcon: 'selected-icon',
+        unselectedIcon: 'unselected-icon',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdSwitch as StencilReactComponent<MdSwitchElement, MdSwitchEvents, Components.MdSwitch>,
+    serializeShadowRoot
+});
+
+export type MdTabEvents = { onMdTabClick: EventName<MdTabCustomEvent<void>> };
+
+export const MdTab: StencilReactComponent<MdTabElement, MdTabEvents, Components.MdTab> = /*@__PURE__*/ createComponent<MdTabElement, MdTabEvents, Components.MdTab>({
+    tagName: 'md-tab',
+    properties: {
+        label: 'label',
+        icon: 'icon',
+        active: 'active',
+        disabled: 'disabled',
+        inlineIcon: 'inline-icon',
+        variant: 'variant',
+        badge: 'badge',
+        controls: 'controls',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTab as StencilReactComponent<MdTabElement, MdTabEvents, Components.MdTab>,
+    serializeShadowRoot
+});
+
+export type MdTabPanelEvents = NonNullable<unknown>;
+
+export const MdTabPanel: StencilReactComponent<MdTabPanelElement, MdTabPanelEvents, Components.MdTabPanel> = /*@__PURE__*/ createComponent<MdTabPanelElement, MdTabPanelEvents, Components.MdTabPanel>({
+    tagName: 'md-tab-panel',
+    properties: { active: 'active' },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTabPanel as StencilReactComponent<MdTabPanelElement, MdTabPanelEvents, Components.MdTabPanel>,
+    serializeShadowRoot
+});
+
+export type MdTabPanelsEvents = NonNullable<unknown>;
+
+export const MdTabPanels: StencilReactComponent<MdTabPanelsElement, MdTabPanelsEvents, Components.MdTabPanels> = /*@__PURE__*/ createComponent<MdTabPanelsElement, MdTabPanelsEvents, Components.MdTabPanels>({
+    tagName: 'md-tab-panels',
+    properties: {
+        for: 'for',
+        sizing: 'sizing'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTabPanels as StencilReactComponent<MdTabPanelsElement, MdTabPanelsEvents, Components.MdTabPanels>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        density: 'density',
+        columnTemplate: 'column-template',
+        columns: 'columns',
+        minWidth: 'min-width',
+        stickyHeader: 'sticky-header',
+        frozenHeader: 'frozen-header',
+        keepHeight: 'keep-height',
+        scrollbar: 'scrollbar',
+        pinMode: 'pin-mode',
+        pinIcon: 'pin-icon',
+        stickyFooter: 'sticky-footer',
+        striped: 'striped',
+        noDividers: 'no-dividers',
+        hoverable: 'hoverable',
+        motion: 'motion',
+        selection: 'selection',
+        sortBy: 'sort-by',
+        sortOrder: 'sort-order',
+        loading: 'loading',
+        loadingMode: 'loading-mode',
+        loadingRows: 'loading-rows',
+        empty: 'empty',
+        label: 'label',
+        caption: 'caption',
+        summary: 'summary',
+        rowOffset: 'row-offset',
+        rowCount: 'row-count'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTable as StencilReactComponent<MdTableElement, MdTableEvents, Components.MdTable>,
+    serializeShadowRoot
+});
+
+export type MdTableBodyEvents = NonNullable<unknown>;
+
+export const MdTableBody: StencilReactComponent<MdTableBodyElement, MdTableBodyEvents, Components.MdTableBody> = /*@__PURE__*/ createComponent<MdTableBodyElement, MdTableBodyEvents, Components.MdTableBody>({
+    tagName: 'md-table-body',
+    properties: { presentational: 'presentational' },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableBody as StencilReactComponent<MdTableBodyElement, MdTableBodyEvents, Components.MdTableBody>,
+    serializeShadowRoot
+});
+
+export type MdTableCellEvents = NonNullable<unknown>;
+
+export const MdTableCell: StencilReactComponent<MdTableCellElement, MdTableCellEvents, Components.MdTableCell> = /*@__PURE__*/ createComponent<MdTableCellElement, MdTableCellEvents, Components.MdTableCell>({
+    tagName: 'md-table-cell',
+    properties: {
+        align: 'align',
+        numeric: 'numeric',
+        padding: 'padding',
+        head: 'head',
+        scope: 'scope',
+        sticky: 'sticky',
+        colSpan: 'colspan',
+        rowSpan: 'rowspan',
+        ellipsis: 'ellipsis',
+        variant: 'variant',
+        noPinIndicator: 'no-pin-indicator',
+        pinIcon: 'pin-icon',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableCell as StencilReactComponent<MdTableCellElement, MdTableCellEvents, Components.MdTableCell>,
+    serializeShadowRoot
+});
+
+export type MdTableContainerEvents = NonNullable<unknown>;
+
+export const MdTableContainer: StencilReactComponent<MdTableContainerElement, MdTableContainerEvents, Components.MdTableContainer> = /*@__PURE__*/ createComponent<MdTableContainerElement, MdTableContainerEvents, Components.MdTableContainer>({
+    tagName: 'md-table-container',
+    properties: {
+        variant: 'variant',
+        shape: 'shape',
+        maxHeight: 'max-height',
+        minHeight: 'min-height',
+        vibrant: 'vibrant',
+        elevation: 'elevation'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableContainer as StencilReactComponent<MdTableContainerElement, MdTableContainerEvents, Components.MdTableContainer>,
+    serializeShadowRoot
+});
+
+export type MdTableExpandToggleEvents = NonNullable<unknown>;
+
+export const MdTableExpandToggle: StencilReactComponent<MdTableExpandToggleElement, MdTableExpandToggleEvents, Components.MdTableExpandToggle> = /*@__PURE__*/ createComponent<MdTableExpandToggleElement, MdTableExpandToggleEvents, Components.MdTableExpandToggle>({
+    tagName: 'md-table-expand-toggle',
+    properties: {
+        buttonLabel: 'button-label',
+        icon: 'icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableExpandToggle as StencilReactComponent<MdTableExpandToggleElement, MdTableExpandToggleEvents, Components.MdTableExpandToggle>,
+    serializeShadowRoot
+});
+
+export type MdTableFootEvents = NonNullable<unknown>;
+
+export const MdTableFoot: StencilReactComponent<MdTableFootElement, MdTableFootEvents, Components.MdTableFoot> = /*@__PURE__*/ createComponent<MdTableFootElement, MdTableFootEvents, Components.MdTableFoot>({
+    tagName: 'md-table-foot',
+    properties: { presentational: 'presentational' },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableFoot as StencilReactComponent<MdTableFootElement, MdTableFootEvents, Components.MdTableFoot>,
+    serializeShadowRoot
+});
+
+export type MdTableHeadEvents = NonNullable<unknown>;
+
+export const MdTableHead: StencilReactComponent<MdTableHeadElement, MdTableHeadEvents, Components.MdTableHead> = /*@__PURE__*/ createComponent<MdTableHeadElement, MdTableHeadEvents, Components.MdTableHead>({
+    tagName: 'md-table-head',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableHead as StencilReactComponent<MdTableHeadElement, MdTableHeadEvents, Components.MdTableHead>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        count: 'count',
+        page: 'page',
+        rowsPerPage: 'rows-per-page',
+        rowsPerPageOptions: 'rows-per-page-options',
+        showFirstLast: 'show-first-last',
+        labelDisplayedRows: 'label-displayed-rows',
+        labelRowsPerPage: 'label-rows-per-page',
+        labelFirstPage: 'label-first-page',
+        labelPreviousPage: 'label-previous-page',
+        labelNextPage: 'label-next-page',
+        labelLastPage: 'label-last-page',
+        labelAll: 'label-all',
+        compact: 'compact',
+        disabled: 'disabled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTablePagination as StencilReactComponent<MdTablePaginationElement, MdTablePaginationEvents, Components.MdTablePagination>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        rowgroup: 'rowgroup',
+        selected: 'selected',
+        disabled: 'disabled',
+        selectable: 'selectable',
+        clickable: 'clickable',
+        value: 'value',
+        expandable: 'expandable',
+        expanded: 'expanded',
+        highlight: 'highlight'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableRow as StencilReactComponent<MdTableRowElement, MdTableRowEvents, Components.MdTableRow>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        column: 'column',
+        disabled: 'disabled',
+        defaultOrder: 'default-order',
+        iconPosition: 'icon-position',
+        icon: 'icon',
+        active: 'active',
+        order: 'order',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableSortLabel as StencilReactComponent<MdTableSortLabelElement, MdTableSortLabelEvents, Components.MdTableSortLabel>,
+    serializeShadowRoot
+});
+
+export type MdTableToolbarEvents = NonNullable<unknown>;
+
+export const MdTableToolbar: StencilReactComponent<MdTableToolbarElement, MdTableToolbarEvents, Components.MdTableToolbar> = /*@__PURE__*/ createComponent<MdTableToolbarElement, MdTableToolbarEvents, Components.MdTableToolbar>({
+    tagName: 'md-table-toolbar',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        numSelected: 'num-selected',
+        autoBind: 'auto-bind',
+        labelSelected: 'label-selected',
+        compact: 'compact',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTableToolbar as StencilReactComponent<MdTableToolbarElement, MdTableToolbarEvents, Components.MdTableToolbar>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        activeTabIndex: 'active-tab-index',
+        variant: 'variant',
+        ariaLabelProp: 'aria-label',
+        tabWidth: 'tab-width',
+        width: 'width'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTabs as StencilReactComponent<MdTabsElement, MdTabsEvents, Components.MdTabs>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        label: 'label',
+        value: 'value',
+        placeholder: 'placeholder',
+        type: 'type',
+        name: 'name',
+        pattern: 'pattern',
+        minLength: 'min-length',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        autocomplete: 'autocomplete',
+        inputMode: 'inputmode',
+        enterKeyHint: 'enterkeyhint',
+        autoCapitalize: 'autocapitalize',
+        spellcheck: 'spellcheck',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        prefixText: 'prefix-text',
+        suffixText: 'suffix-text',
+        maxLength: 'max-length',
+        clearable: 'clearable',
+        passwordToggle: 'password-toggle',
+        density: 'density',
+        multiline: 'multiline',
+        rows: 'rows',
+        speechToText: 'speech-to-text',
+        speechLang: 'speech-lang',
+        restrict: 'restrict',
+        formatOn: 'format-on',
+        focusBorderWidth: 'focus-border-width',
+        appearFocused: 'appear-focused',
+        chipsWrap: 'chips-wrap',
+        debounce: 'debounce',
+        throttle: 'throttle',
+        inputRole: 'input-role',
+        inputExpanded: 'input-expanded',
+        inputAriaAutocomplete: 'input-aria-autocomplete'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTextField as StencilReactComponent<MdTextFieldElement, MdTextFieldEvents, Components.MdTextField>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        variant: 'variant',
+        format: 'format',
+        value: 'value',
+        name: 'name',
+        min: 'min',
+        max: 'max',
+        required: 'required',
+        label: 'label',
+        headline: 'headline',
+        headlineInputLabel: 'headline-input-label',
+        headlineDialLabel: 'headline-dial-label',
+        valueMissingLabel: 'value-missing-label',
+        rangeUnderflowLabel: 'range-underflow-label',
+        rangeOverflowLabel: 'range-overflow-label',
+        rangeOutsideLabel: 'range-outside-label',
+        disabled: 'disabled',
+        open: 'open',
+        minuteStep: 'minute-step',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        hideTrigger: 'hide-trigger',
+        amLabel: 'am-label',
+        pmLabel: 'pm-label',
+        hourLabel: 'hour-label',
+        minuteLabel: 'minute-label',
+        toggleDialLabel: 'toggle-dial-label',
+        toggleInputLabel: 'toggle-input-label',
+        periodLabel: 'period-label',
+        periodLayout: 'period-layout',
+        orientation: 'orientation',
+        responsive: 'responsive',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTimePicker as StencilReactComponent<MdTimePickerElement, MdTimePickerEvents, Components.MdTimePicker>,
+    serializeShadowRoot
+});
+
+export type MdToolbarEvents = NonNullable<unknown>;
+
+export const MdToolbar: StencilReactComponent<MdToolbarElement, MdToolbarEvents, Components.MdToolbar> = /*@__PURE__*/ createComponent<MdToolbarElement, MdToolbarEvents, Components.MdToolbar>({
+    tagName: 'md-toolbar',
+    properties: {
+        variant: 'variant',
+        color: 'color',
+        layout: 'layout',
+        alignment: 'alignment',
+        containerSemantics: 'container-semantics',
+        ariaLabelProp: 'aria-label',
+        ariaLabelledby: 'aria-labelledby',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdToolbar as StencilReactComponent<MdToolbarElement, MdToolbarEvents, Components.MdToolbar>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        text: 'text',
+        subhead: 'subhead',
+        variant: 'variant',
+        position: 'position',
+        autoPosition: 'auto-position',
+        offset: 'offset',
+        crossOffset: 'cross-offset',
+        open: 'open',
+        showDelay: 'show-delay',
+        hideDelay: 'hide-delay',
+        disabled: 'disabled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTooltip as StencilReactComponent<MdTooltipElement, MdTooltipEvents, Components.MdTooltip>,
+    serializeShadowRoot
+});
+
+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',
+    properties: {
+        items: 'items',
+        sourceTitle: 'source-title',
+        targetTitle: 'target-title',
+        searchable: 'searchable',
+        sourceSearchPlaceholder: 'source-search-placeholder',
+        targetSearchPlaceholder: 'target-search-placeholder',
+        showSelectAll: 'show-select-all',
+        searchIcon: 'search-icon',
+        moveRightIcon: 'move-right-icon',
+        moveLeftIcon: 'move-left-icon',
+        moveAllRightIcon: 'move-all-right-icon',
+        moveAllLeftIcon: 'move-all-left-icon',
+        emptyIcon: 'empty-icon',
+        emptyText: 'empty-text',
+        countTemplate: 'count-template',
+        density: 'density',
+        disabled: 'disabled',
+        singleStepOnly: 'single-step-only',
+        moveRightLabel: 'move-right-label',
+        moveLeftLabel: 'move-left-label',
+        moveAllRightLabel: 'move-all-right-label',
+        moveAllLeftLabel: 'move-all-left-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@awc-ui/core/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.MdTransferList as StencilReactComponent<MdTransferListElement, MdTransferListEvents, Components.MdTransferList>,
+    serializeShadowRoot
+});