@maggioli-design-system/magma-react 2.0.0-beta.3 → 2.0.0-beta.5

package/dist/components.js

@@ -1,1091 +1,119 @@
-'use client';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import React from 'react';
-import { MdsAccordionItem as MdsAccordionItemElement, defineCustomElement as defineMdsAccordionItem } from "@maggioli-design-system/magma/dist/components/mds-accordion-item.js";
-import { MdsAccordionTimerItem as MdsAccordionTimerItemElement, defineCustomElement as defineMdsAccordionTimerItem } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer-item.js";
-import { MdsAccordionTimer as MdsAccordionTimerElement, defineCustomElement as defineMdsAccordionTimer } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer.js";
-import { MdsAccordion as MdsAccordionElement, defineCustomElement as defineMdsAccordion } from "@maggioli-design-system/magma/dist/components/mds-accordion.js";
-import { MdsAuthor as MdsAuthorElement, defineCustomElement as defineMdsAuthor } from "@maggioli-design-system/magma/dist/components/mds-author.js";
-import { MdsAvatarStackItem as MdsAvatarStackItemElement, defineCustomElement as defineMdsAvatarStackItem } from "@maggioli-design-system/magma/dist/components/mds-avatar-stack-item.js";
-import { MdsAvatarStack as MdsAvatarStackElement, defineCustomElement as defineMdsAvatarStack } from "@maggioli-design-system/magma/dist/components/mds-avatar-stack.js";
-import { MdsAvatar as MdsAvatarElement, defineCustomElement as defineMdsAvatar } from "@maggioli-design-system/magma/dist/components/mds-avatar.js";
-import { MdsBadge as MdsBadgeElement, defineCustomElement as defineMdsBadge } from "@maggioli-design-system/magma/dist/components/mds-badge.js";
-import { MdsBanner as MdsBannerElement, defineCustomElement as defineMdsBanner } from "@maggioli-design-system/magma/dist/components/mds-banner.js";
-import { MdsBenchmarkBar as MdsBenchmarkBarElement, defineCustomElement as defineMdsBenchmarkBar } from "@maggioli-design-system/magma/dist/components/mds-benchmark-bar.js";
-import { MdsBibliography as MdsBibliographyElement, defineCustomElement as defineMdsBibliography } from "@maggioli-design-system/magma/dist/components/mds-bibliography.js";
-import { MdsBreadcrumbItem as MdsBreadcrumbItemElement, defineCustomElement as defineMdsBreadcrumbItem } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb-item.js";
-import { MdsBreadcrumb as MdsBreadcrumbElement, defineCustomElement as defineMdsBreadcrumb } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb.js";
-import { MdsButtonDropdown as MdsButtonDropdownElement, defineCustomElement as defineMdsButtonDropdown } from "@maggioli-design-system/magma/dist/components/mds-button-dropdown.js";
-import { MdsButtonGroup as MdsButtonGroupElement, defineCustomElement as defineMdsButtonGroup } from "@maggioli-design-system/magma/dist/components/mds-button-group.js";
-import { MdsButton as MdsButtonElement, defineCustomElement as defineMdsButton } from "@maggioli-design-system/magma/dist/components/mds-button.js";
-import { MdsCalendarCell as MdsCalendarCellElement, defineCustomElement as defineMdsCalendarCell } from "@maggioli-design-system/magma/dist/components/mds-calendar-cell.js";
-import { MdsCalendar as MdsCalendarElement, defineCustomElement as defineMdsCalendar } from "@maggioli-design-system/magma/dist/components/mds-calendar.js";
-import { MdsCardContent as MdsCardContentElement, defineCustomElement as defineMdsCardContent } from "@maggioli-design-system/magma/dist/components/mds-card-content.js";
-import { MdsCardFooter as MdsCardFooterElement, defineCustomElement as defineMdsCardFooter } from "@maggioli-design-system/magma/dist/components/mds-card-footer.js";
-import { MdsCardHeader as MdsCardHeaderElement, defineCustomElement as defineMdsCardHeader } from "@maggioli-design-system/magma/dist/components/mds-card-header.js";
-import { MdsCardMedia as MdsCardMediaElement, defineCustomElement as defineMdsCardMedia } from "@maggioli-design-system/magma/dist/components/mds-card-media.js";
-import { MdsCard as MdsCardElement, defineCustomElement as defineMdsCard } from "@maggioli-design-system/magma/dist/components/mds-card.js";
-import { MdsChip as MdsChipElement, defineCustomElement as defineMdsChip } from "@maggioli-design-system/magma/dist/components/mds-chip.js";
-import { MdsDetails as MdsDetailsElement, defineCustomElement as defineMdsDetails } from "@maggioli-design-system/magma/dist/components/mds-details.js";
-import { MdsDropdown as MdsDropdownElement, defineCustomElement as defineMdsDropdown } from "@maggioli-design-system/magma/dist/components/mds-dropdown.js";
-import { MdsEmoji as MdsEmojiElement, defineCustomElement as defineMdsEmoji } from "@maggioli-design-system/magma/dist/components/mds-emoji.js";
-import { MdsEntity as MdsEntityElement, defineCustomElement as defineMdsEntity } from "@maggioli-design-system/magma/dist/components/mds-entity.js";
-import { MdsFilePreview as MdsFilePreviewElement, defineCustomElement as defineMdsFilePreview } from "@maggioli-design-system/magma/dist/components/mds-file-preview.js";
-import { MdsFile as MdsFileElement, defineCustomElement as defineMdsFile } from "@maggioli-design-system/magma/dist/components/mds-file.js";
-import { MdsFilterItem as MdsFilterItemElement, defineCustomElement as defineMdsFilterItem } from "@maggioli-design-system/magma/dist/components/mds-filter-item.js";
-import { MdsFilter as MdsFilterElement, defineCustomElement as defineMdsFilter } from "@maggioli-design-system/magma/dist/components/mds-filter.js";
-import { MdsHeaderBar as MdsHeaderBarElement, defineCustomElement as defineMdsHeaderBar } from "@maggioli-design-system/magma/dist/components/mds-header-bar.js";
-import { MdsHeader as MdsHeaderElement, defineCustomElement as defineMdsHeader } from "@maggioli-design-system/magma/dist/components/mds-header.js";
-import { MdsHelp as MdsHelpElement, defineCustomElement as defineMdsHelp } from "@maggioli-design-system/magma/dist/components/mds-help.js";
-import { MdsHorizontalScroll as MdsHorizontalScrollElement, defineCustomElement as defineMdsHorizontalScroll } from "@maggioli-design-system/magma/dist/components/mds-horizontal-scroll.js";
-import { MdsHr as MdsHrElement, defineCustomElement as defineMdsHr } from "@maggioli-design-system/magma/dist/components/mds-hr.js";
-import { MdsIcon as MdsIconElement, defineCustomElement as defineMdsIcon } from "@maggioli-design-system/magma/dist/components/mds-icon.js";
-import { MdsImg as MdsImgElement, defineCustomElement as defineMdsImg } from "@maggioli-design-system/magma/dist/components/mds-img.js";
-import { MdsInputDateRangePreselection as MdsInputDateRangePreselectionElement, defineCustomElement as defineMdsInputDateRangePreselection } from "@maggioli-design-system/magma/dist/components/mds-input-date-range-preselection.js";
-import { MdsInputDateRange as MdsInputDateRangeElement, defineCustomElement as defineMdsInputDateRange } from "@maggioli-design-system/magma/dist/components/mds-input-date-range.js";
-import { MdsInputDate as MdsInputDateElement, defineCustomElement as defineMdsInputDate } from "@maggioli-design-system/magma/dist/components/mds-input-date.js";
-import { MdsInputField as MdsInputFieldElement, defineCustomElement as defineMdsInputField } from "@maggioli-design-system/magma/dist/components/mds-input-field.js";
-import { MdsInputOtp as MdsInputOtpElement, defineCustomElement as defineMdsInputOtp } from "@maggioli-design-system/magma/dist/components/mds-input-otp.js";
-import { MdsInputRange as MdsInputRangeElement, defineCustomElement as defineMdsInputRange } from "@maggioli-design-system/magma/dist/components/mds-input-range.js";
-import { MdsInputSelect as MdsInputSelectElement, defineCustomElement as defineMdsInputSelect } from "@maggioli-design-system/magma/dist/components/mds-input-select.js";
-import { MdsInputSwitch as MdsInputSwitchElement, defineCustomElement as defineMdsInputSwitch } from "@maggioli-design-system/magma/dist/components/mds-input-switch.js";
-import { MdsInputTipItem as MdsInputTipItemElement, defineCustomElement as defineMdsInputTipItem } from "@maggioli-design-system/magma/dist/components/mds-input-tip-item.js";
-import { MdsInputTip as MdsInputTipElement, defineCustomElement as defineMdsInputTip } from "@maggioli-design-system/magma/dist/components/mds-input-tip.js";
-import { MdsInputUpload as MdsInputUploadElement, defineCustomElement as defineMdsInputUpload } from "@maggioli-design-system/magma/dist/components/mds-input-upload.js";
-import { MdsInput as MdsInputElement, defineCustomElement as defineMdsInput } from "@maggioli-design-system/magma/dist/components/mds-input.js";
-import { MdsKeyboardKey as MdsKeyboardKeyElement, defineCustomElement as defineMdsKeyboardKey } from "@maggioli-design-system/magma/dist/components/mds-keyboard-key.js";
-import { MdsKeyboard as MdsKeyboardElement, defineCustomElement as defineMdsKeyboard } from "@maggioli-design-system/magma/dist/components/mds-keyboard.js";
-import { MdsKpiItem as MdsKpiItemElement, defineCustomElement as defineMdsKpiItem } from "@maggioli-design-system/magma/dist/components/mds-kpi-item.js";
-import { MdsKpi as MdsKpiElement, defineCustomElement as defineMdsKpi } from "@maggioli-design-system/magma/dist/components/mds-kpi.js";
-import { MdsLabel as MdsLabelElement, defineCustomElement as defineMdsLabel } from "@maggioli-design-system/magma/dist/components/mds-label.js";
-import { MdsListItem as MdsListItemElement, defineCustomElement as defineMdsListItem } from "@maggioli-design-system/magma/dist/components/mds-list-item.js";
-import { MdsList as MdsListElement, defineCustomElement as defineMdsList } from "@maggioli-design-system/magma/dist/components/mds-list.js";
-import { MdsMention as MdsMentionElement, defineCustomElement as defineMdsMention } from "@maggioli-design-system/magma/dist/components/mds-mention.js";
-import { MdsModal as MdsModalElement, defineCustomElement as defineMdsModal } from "@maggioli-design-system/magma/dist/components/mds-modal.js";
-import { MdsNote as MdsNoteElement, defineCustomElement as defineMdsNote } from "@maggioli-design-system/magma/dist/components/mds-note.js";
-import { MdsNotification as MdsNotificationElement, defineCustomElement as defineMdsNotification } from "@maggioli-design-system/magma/dist/components/mds-notification.js";
-import { MdsPaginatorItem as MdsPaginatorItemElement, defineCustomElement as defineMdsPaginatorItem } from "@maggioli-design-system/magma/dist/components/mds-paginator-item.js";
-import { MdsPaginator as MdsPaginatorElement, defineCustomElement as defineMdsPaginator } from "@maggioli-design-system/magma/dist/components/mds-paginator.js";
-import { MdsPolicyAi as MdsPolicyAiElement, defineCustomElement as defineMdsPolicyAi } from "@maggioli-design-system/magma/dist/components/mds-policy-ai.js";
-import { MdsPrefAnimation as MdsPrefAnimationElement, defineCustomElement as defineMdsPrefAnimation } from "@maggioli-design-system/magma/dist/components/mds-pref-animation.js";
-import { MdsPrefConsumption as MdsPrefConsumptionElement, defineCustomElement as defineMdsPrefConsumption } from "@maggioli-design-system/magma/dist/components/mds-pref-consumption.js";
-import { MdsPrefContrast as MdsPrefContrastElement, defineCustomElement as defineMdsPrefContrast } from "@maggioli-design-system/magma/dist/components/mds-pref-contrast.js";
-import { MdsPrefLanguageItem as MdsPrefLanguageItemElement, defineCustomElement as defineMdsPrefLanguageItem } from "@maggioli-design-system/magma/dist/components/mds-pref-language-item.js";
-import { MdsPrefLanguage as MdsPrefLanguageElement, defineCustomElement as defineMdsPrefLanguage } from "@maggioli-design-system/magma/dist/components/mds-pref-language.js";
-import { MdsPrefThemeVariantItem as MdsPrefThemeVariantItemElement, defineCustomElement as defineMdsPrefThemeVariantItem } from "@maggioli-design-system/magma/dist/components/mds-pref-theme-variant-item.js";
-import { MdsPrefThemeVariant as MdsPrefThemeVariantElement, defineCustomElement as defineMdsPrefThemeVariant } from "@maggioli-design-system/magma/dist/components/mds-pref-theme-variant.js";
-import { MdsPrefTheme as MdsPrefThemeElement, defineCustomElement as defineMdsPrefTheme } from "@maggioli-design-system/magma/dist/components/mds-pref-theme.js";
-import { MdsPref as MdsPrefElement, defineCustomElement as defineMdsPref } from "@maggioli-design-system/magma/dist/components/mds-pref.js";
-import { MdsPriceTableFeaturesCell as MdsPriceTableFeaturesCellElement, defineCustomElement as defineMdsPriceTableFeaturesCell } from "@maggioli-design-system/magma/dist/components/mds-price-table-features-cell.js";
-import { MdsPriceTableFeaturesRow as MdsPriceTableFeaturesRowElement, defineCustomElement as defineMdsPriceTableFeaturesRow } from "@maggioli-design-system/magma/dist/components/mds-price-table-features-row.js";
-import { MdsPriceTableFeatures as MdsPriceTableFeaturesElement, defineCustomElement as defineMdsPriceTableFeatures } from "@maggioli-design-system/magma/dist/components/mds-price-table-features.js";
-import { MdsPriceTableHeader as MdsPriceTableHeaderElement, defineCustomElement as defineMdsPriceTableHeader } from "@maggioli-design-system/magma/dist/components/mds-price-table-header.js";
-import { MdsPriceTableListItem as MdsPriceTableListItemElement, defineCustomElement as defineMdsPriceTableListItem } from "@maggioli-design-system/magma/dist/components/mds-price-table-list-item.js";
-import { MdsPriceTableList as MdsPriceTableListElement, defineCustomElement as defineMdsPriceTableList } from "@maggioli-design-system/magma/dist/components/mds-price-table-list.js";
-import { MdsPriceTable as MdsPriceTableElement, defineCustomElement as defineMdsPriceTable } from "@maggioli-design-system/magma/dist/components/mds-price-table.js";
-import { MdsProgress as MdsProgressElement, defineCustomElement as defineMdsProgress } from "@maggioli-design-system/magma/dist/components/mds-progress.js";
-import { MdsPushNotificationItem as MdsPushNotificationItemElement, defineCustomElement as defineMdsPushNotificationItem } from "@maggioli-design-system/magma/dist/components/mds-push-notification-item.js";
-import { MdsPushNotification as MdsPushNotificationElement, defineCustomElement as defineMdsPushNotification } from "@maggioli-design-system/magma/dist/components/mds-push-notification.js";
-import { MdsQuote as MdsQuoteElement, defineCustomElement as defineMdsQuote } from "@maggioli-design-system/magma/dist/components/mds-quote.js";
-import { MdsRadialMenuItem as MdsRadialMenuItemElement, defineCustomElement as defineMdsRadialMenuItem } from "@maggioli-design-system/magma/dist/components/mds-radial-menu-item.js";
-import { MdsRadialMenu as MdsRadialMenuElement, defineCustomElement as defineMdsRadialMenu } from "@maggioli-design-system/magma/dist/components/mds-radial-menu.js";
-import { MdsRadialProgress as MdsRadialProgressElement, defineCustomElement as defineMdsRadialProgress } from "@maggioli-design-system/magma/dist/components/mds-radial-progress.js";
-import { MdsSeparator as MdsSeparatorElement, defineCustomElement as defineMdsSeparator } from "@maggioli-design-system/magma/dist/components/mds-separator.js";
-import { MdsSpinner as MdsSpinnerElement, defineCustomElement as defineMdsSpinner } from "@maggioli-design-system/magma/dist/components/mds-spinner.js";
-import { MdsStatusBar as MdsStatusBarElement, defineCustomElement as defineMdsStatusBar } from "@maggioli-design-system/magma/dist/components/mds-status-bar.js";
-import { MdsStepperBarItem as MdsStepperBarItemElement, defineCustomElement as defineMdsStepperBarItem } from "@maggioli-design-system/magma/dist/components/mds-stepper-bar-item.js";
-import { MdsStepperBar as MdsStepperBarElement, defineCustomElement as defineMdsStepperBar } from "@maggioli-design-system/magma/dist/components/mds-stepper-bar.js";
-import { MdsTabBarItem as MdsTabBarItemElement, defineCustomElement as defineMdsTabBarItem } from "@maggioli-design-system/magma/dist/components/mds-tab-bar-item.js";
-import { MdsTabBar as MdsTabBarElement, defineCustomElement as defineMdsTabBar } from "@maggioli-design-system/magma/dist/components/mds-tab-bar.js";
-import { MdsTabItem as MdsTabItemElement, defineCustomElement as defineMdsTabItem } from "@maggioli-design-system/magma/dist/components/mds-tab-item.js";
-import { MdsTab as MdsTabElement, defineCustomElement as defineMdsTab } from "@maggioli-design-system/magma/dist/components/mds-tab.js";
-import { MdsTableBody as MdsTableBodyElement, defineCustomElement as defineMdsTableBody } from "@maggioli-design-system/magma/dist/components/mds-table-body.js";
-import { MdsTableCell as MdsTableCellElement, defineCustomElement as defineMdsTableCell } from "@maggioli-design-system/magma/dist/components/mds-table-cell.js";
-import { MdsTableFooter as MdsTableFooterElement, defineCustomElement as defineMdsTableFooter } from "@maggioli-design-system/magma/dist/components/mds-table-footer.js";
-import { MdsTableHeaderCell as MdsTableHeaderCellElement, defineCustomElement as defineMdsTableHeaderCell } from "@maggioli-design-system/magma/dist/components/mds-table-header-cell.js";
-import { MdsTableHeader as MdsTableHeaderElement, defineCustomElement as defineMdsTableHeader } from "@maggioli-design-system/magma/dist/components/mds-table-header.js";
-import { MdsTableRow as MdsTableRowElement, defineCustomElement as defineMdsTableRow } from "@maggioli-design-system/magma/dist/components/mds-table-row.js";
-import { MdsTable as MdsTableElement, defineCustomElement as defineMdsTable } from "@maggioli-design-system/magma/dist/components/mds-table.js";
-import { MdsText as MdsTextElement, defineCustomElement as defineMdsText } from "@maggioli-design-system/magma/dist/components/mds-text.js";
-import { MdsToast as MdsToastElement, defineCustomElement as defineMdsToast } from "@maggioli-design-system/magma/dist/components/mds-toast.js";
-import { MdsTooltip as MdsTooltipElement, defineCustomElement as defineMdsTooltip } from "@maggioli-design-system/magma/dist/components/mds-tooltip.js";
-import { MdsTreeItem as MdsTreeItemElement, defineCustomElement as defineMdsTreeItem } from "@maggioli-design-system/magma/dist/components/mds-tree-item.js";
-import { MdsTree as MdsTreeElement, defineCustomElement as defineMdsTree } from "@maggioli-design-system/magma/dist/components/mds-tree.js";
-import { MdsUrlView as MdsUrlViewElement, defineCustomElement as defineMdsUrlView } from "@maggioli-design-system/magma/dist/components/mds-url-view.js";
-import { MdsUsage as MdsUsageElement, defineCustomElement as defineMdsUsage } from "@maggioli-design-system/magma/dist/components/mds-usage.js";
-import { MdsVideoWall as MdsVideoWallElement, defineCustomElement as defineMdsVideoWall } from "@maggioli-design-system/magma/dist/components/mds-video-wall.js";
-import { MdsZero as MdsZeroElement, defineCustomElement as defineMdsZero } from "@maggioli-design-system/magma/dist/components/mds-zero.js";
-export const MdsAccordion = /*@__PURE__*/ createComponent({
-    tagName: 'mds-accordion',
-    elementClass: MdsAccordionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsAccordionChange: 'mdsAccordionChange' },
-    defineCustomElement: defineMdsAccordion
-});
-export const MdsAccordionItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-accordion-item',
-    elementClass: MdsAccordionItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsAccordionItemSelect: 'mdsAccordionItemSelect',
-        onMdsAccordionItemUnselect: 'mdsAccordionItemUnselect',
-        onMdsAccordionItemChange: 'mdsAccordionItemChange'
-    },
-    defineCustomElement: defineMdsAccordionItem
-});
-export const MdsAccordionTimer = /*@__PURE__*/ createComponent({
-    tagName: 'mds-accordion-timer',
-    elementClass: MdsAccordionTimerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsAccordionTimerChange: 'mdsAccordionTimerChange' },
-    defineCustomElement: defineMdsAccordionTimer
-});
-export const MdsAccordionTimerItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-accordion-timer-item',
-    elementClass: MdsAccordionTimerItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsAccordionTimerItemClickSelect: 'mdsAccordionTimerItemClickSelect',
-        onMdsAccordionTimerItemSelect: 'mdsAccordionTimerItemSelect',
-        onMdsAccordionTimerItemMouseEnterSelect: 'mdsAccordionTimerItemMouseEnterSelect',
-        onMdsAccordionTimerItemMouseLeaveSelect: 'mdsAccordionTimerItemMouseLeaveSelect'
-    },
-    defineCustomElement: defineMdsAccordionTimerItem
-});
-export const MdsAuthor = /*@__PURE__*/ createComponent({
-    tagName: 'mds-author',
-    elementClass: MdsAuthorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsAuthor
-});
-export const MdsAvatar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-avatar',
-    elementClass: MdsAvatarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsAvatar
-});
-export const MdsAvatarStack = /*@__PURE__*/ createComponent({
-    tagName: 'mds-avatar-stack',
-    elementClass: MdsAvatarStackElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsAvatarStack
-});
-export const MdsAvatarStackItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-avatar-stack-item',
-    elementClass: MdsAvatarStackItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsAvatarStackItem
-});
-export const MdsBadge = /*@__PURE__*/ createComponent({
-    tagName: 'mds-badge',
-    elementClass: MdsBadgeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsBadge
-});
-export const MdsBanner = /*@__PURE__*/ createComponent({
-    tagName: 'mds-banner',
-    elementClass: MdsBannerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsBannerClose: 'mdsBannerClose' },
-    defineCustomElement: defineMdsBanner
-});
-export const MdsBenchmarkBar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-benchmark-bar',
-    elementClass: MdsBenchmarkBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsBenchmarkBar
-});
-export const MdsBibliography = /*@__PURE__*/ createComponent({
-    tagName: 'mds-bibliography',
-    elementClass: MdsBibliographyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsBibliography
-});
-export const MdsBreadcrumb = /*@__PURE__*/ createComponent({
-    tagName: 'mds-breadcrumb',
-    elementClass: MdsBreadcrumbElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsBreadcrumbChange: 'mdsBreadcrumbChange' },
-    defineCustomElement: defineMdsBreadcrumb
-});
-export const MdsBreadcrumbItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-breadcrumb-item',
-    elementClass: MdsBreadcrumbItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsBreadcrumbItemSelect: 'mdsBreadcrumbItemSelect' },
-    defineCustomElement: defineMdsBreadcrumbItem
-});
-export const MdsButton = /*@__PURE__*/ createComponent({
-    tagName: 'mds-button',
-    elementClass: MdsButtonElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsButton
-});
-export const MdsButtonDropdown = /*@__PURE__*/ createComponent({
-    tagName: 'mds-button-dropdown',
-    elementClass: MdsButtonDropdownElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsButtonDropdown
-});
-export const MdsButtonGroup = /*@__PURE__*/ createComponent({
-    tagName: 'mds-button-group',
-    elementClass: MdsButtonGroupElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsButtonGroup
-});
-export const MdsCalendar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-calendar',
-    elementClass: MdsCalendarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsCalendarChange: 'mdsCalendarChange',
-        onMdsCalendarNavigate: 'mdsCalendarNavigate',
-        onMdsCalendarHover: 'mdsCalendarHover',
-        onMdsCalendarPreselect: 'mdsCalendarPreselect'
-    },
-    defineCustomElement: defineMdsCalendar
-});
-export const MdsCalendarCell = /*@__PURE__*/ createComponent({
-    tagName: 'mds-calendar-cell',
-    elementClass: MdsCalendarCellElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCalendarCell
-});
-export const MdsCard = /*@__PURE__*/ createComponent({
-    tagName: 'mds-card',
-    elementClass: MdsCardElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCard
-});
-export const MdsCardContent = /*@__PURE__*/ createComponent({
-    tagName: 'mds-card-content',
-    elementClass: MdsCardContentElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCardContent
-});
-export const MdsCardFooter = /*@__PURE__*/ createComponent({
-    tagName: 'mds-card-footer',
-    elementClass: MdsCardFooterElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCardFooter
-});
-export const MdsCardHeader = /*@__PURE__*/ createComponent({
-    tagName: 'mds-card-header',
-    elementClass: MdsCardHeaderElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCardHeader
-});
-export const MdsCardMedia = /*@__PURE__*/ createComponent({
-    tagName: 'mds-card-media',
-    elementClass: MdsCardMediaElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsCardMedia
-});
-export const MdsChip = /*@__PURE__*/ createComponent({
-    tagName: 'mds-chip',
-    elementClass: MdsChipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsChipClickLabel: 'mdsChipClickLabel',
-        onMdsChipDelete: 'mdsChipDelete',
-        onMdsChipSelect: 'mdsChipSelect'
-    },
-    defineCustomElement: defineMdsChip
-});
-export const MdsDetails = /*@__PURE__*/ createComponent({
-    tagName: 'mds-details',
-    elementClass: MdsDetailsElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsDetailsChange: 'mdsDetailsChange' },
-    defineCustomElement: defineMdsDetails
-});
-export const MdsDropdown = /*@__PURE__*/ createComponent({
-    tagName: 'mds-dropdown',
-    elementClass: MdsDropdownElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsDropdownVisible: 'mdsDropdownVisible',
-        onMdsDropdownHide: 'mdsDropdownHide',
-        onMdsDropdownChange: 'mdsDropdownChange'
-    },
-    defineCustomElement: defineMdsDropdown
-});
-export const MdsEmoji = /*@__PURE__*/ createComponent({
-    tagName: 'mds-emoji',
-    elementClass: MdsEmojiElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsEmoji
-});
-export const MdsEntity = /*@__PURE__*/ createComponent({
-    tagName: 'mds-entity',
-    elementClass: MdsEntityElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsEntity
-});
-export const MdsFile = /*@__PURE__*/ createComponent({
-    tagName: 'mds-file',
-    elementClass: MdsFileElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsFileDownload: 'mdsFileDownload' },
-    defineCustomElement: defineMdsFile
-});
-export const MdsFilePreview = /*@__PURE__*/ createComponent({
-    tagName: 'mds-file-preview',
-    elementClass: MdsFilePreviewElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsFileDownload: 'mdsFileDownload',
-        onMdsFileDelete: 'mdsFileDelete'
-    },
-    defineCustomElement: defineMdsFilePreview
-});
-export const MdsFilter = /*@__PURE__*/ createComponent({
-    tagName: 'mds-filter',
-    elementClass: MdsFilterElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsFilterChange: 'mdsFilterChange' },
-    defineCustomElement: defineMdsFilter
-});
-export const MdsFilterItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-filter-item',
-    elementClass: MdsFilterItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsFilterItemSelect: 'mdsFilterItemSelect' },
-    defineCustomElement: defineMdsFilterItem
-});
-export const MdsHeader = /*@__PURE__*/ createComponent({
-    tagName: 'mds-header',
-    elementClass: MdsHeaderElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsHeaderClose: 'mdsHeaderClose',
-        onMdsHeaderVisibilityChange: 'mdsHeaderVisibilityChange'
-    },
-    defineCustomElement: defineMdsHeader
-});
-export const MdsHeaderBar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-header-bar',
-    elementClass: MdsHeaderBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsHeaderBarOpen: 'mdsHeaderBarOpen' },
-    defineCustomElement: defineMdsHeaderBar
-});
-export const MdsHelp = /*@__PURE__*/ createComponent({
-    tagName: 'mds-help',
-    elementClass: MdsHelpElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsHelp
-});
-export const MdsHorizontalScroll = /*@__PURE__*/ createComponent({
-    tagName: 'mds-horizontal-scroll',
-    elementClass: MdsHorizontalScrollElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsHorizontalScroll
-});
-export const MdsHr = /*@__PURE__*/ createComponent({
-    tagName: 'mds-hr',
-    elementClass: MdsHrElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsHr
-});
-export const MdsIcon = /*@__PURE__*/ createComponent({
-    tagName: 'mds-icon',
-    elementClass: MdsIconElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsIcon
-});
-export const MdsImg = /*@__PURE__*/ createComponent({
-    tagName: 'mds-img',
-    elementClass: MdsImgElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsImgLoadError: 'mdsImgLoadError',
-        onMdsImgLoadSuccess: 'mdsImgLoadSuccess'
-    },
-    defineCustomElement: defineMdsImg
-});
-export const MdsInput = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input',
-    elementClass: MdsInputElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsInputChange: 'mdsInputChange',
-        onMdsInputKeydown: 'mdsInputKeydown',
-        onMdsInputBlur: 'mdsInputBlur',
-        onMdsInputFocus: 'mdsInputFocus',
-        onMdsInputSpeechEnd: 'mdsInputSpeechEnd',
-        onMdsInputValidation: 'mdsInputValidation'
-    },
-    defineCustomElement: defineMdsInput
-});
-export const MdsInputDate = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-date',
-    elementClass: MdsInputDateElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsInputValidation: 'mdsInputValidation',
-        onMdsInputDateSelect: 'mdsInputDateSelect'
-    },
-    defineCustomElement: defineMdsInputDate
-});
-export const MdsInputDateRange = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-date-range',
-    elementClass: MdsInputDateRangeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsInputDateRangeValueChange: 'mdsInputDateRangeValueChange' },
-    defineCustomElement: defineMdsInputDateRange
-});
-export const MdsInputDateRangePreselection = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-date-range-preselection',
-    elementClass: MdsInputDateRangePreselectionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsInputDateRangePreselection
-});
-export const MdsInputField = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-field',
-    elementClass: MdsInputFieldElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsInputField
-});
-export const MdsInputOtp = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-otp',
-    elementClass: MdsInputOtpElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsInputOtp
-});
-export const MdsInputRange = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-range',
-    elementClass: MdsInputRangeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsInputRangeChange: 'mdsInputRangeChange' },
-    defineCustomElement: defineMdsInputRange
-});
-export const MdsInputSelect = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-select',
-    elementClass: MdsInputSelectElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsInputSelectChange: 'mdsInputSelectChange' },
-    defineCustomElement: defineMdsInputSelect
-});
-export const MdsInputSwitch = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-switch',
-    elementClass: MdsInputSwitchElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsInputSwitchChange: 'mdsInputSwitchChange' },
-    defineCustomElement: defineMdsInputSwitch
-});
-export const MdsInputTip = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-tip',
-    elementClass: MdsInputTipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsInputTip
-});
-export const MdsInputTipItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-tip-item',
-    elementClass: MdsInputTipItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsInputTipItem
-});
-export const MdsInputUpload = /*@__PURE__*/ createComponent({
-    tagName: 'mds-input-upload',
-    elementClass: MdsInputUploadElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsInputUploadChange: 'mdsInputUploadChange' },
-    defineCustomElement: defineMdsInputUpload
-});
-export const MdsKeyboard = /*@__PURE__*/ createComponent({
-    tagName: 'mds-keyboard',
-    elementClass: MdsKeyboardElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsKeyboard
-});
-export const MdsKeyboardKey = /*@__PURE__*/ createComponent({
-    tagName: 'mds-keyboard-key',
-    elementClass: MdsKeyboardKeyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsKeyboardKey
-});
-export const MdsKpi = /*@__PURE__*/ createComponent({
-    tagName: 'mds-kpi',
-    elementClass: MdsKpiElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsKpi
-});
-export const MdsKpiItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-kpi-item',
-    elementClass: MdsKpiItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsKpiItem
-});
-export const MdsLabel = /*@__PURE__*/ createComponent({
-    tagName: 'mds-label',
-    elementClass: MdsLabelElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsLabelDelete: 'mdsLabelDelete' },
-    defineCustomElement: defineMdsLabel
-});
-export const MdsList = /*@__PURE__*/ createComponent({
-    tagName: 'mds-list',
-    elementClass: MdsListElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsList
-});
-export const MdsListItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-list-item',
-    elementClass: MdsListItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsListItem
-});
-export const MdsMention = /*@__PURE__*/ createComponent({
-    tagName: 'mds-mention',
-    elementClass: MdsMentionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsMention
-});
-export const MdsModal = /*@__PURE__*/ createComponent({
-    tagName: 'mds-modal',
-    elementClass: MdsModalElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsModalOpen: 'mdsModalOpen',
-        onMdsModalShow: 'mdsModalShow',
-        onMdsModalClose: 'mdsModalClose',
-        onMdsModalHide: 'mdsModalHide'
-    },
-    defineCustomElement: defineMdsModal
-});
-export const MdsNote = /*@__PURE__*/ createComponent({
-    tagName: 'mds-note',
-    elementClass: MdsNoteElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsNoteDelete: 'mdsNoteDelete' },
-    defineCustomElement: defineMdsNote
-});
-export const MdsNotification = /*@__PURE__*/ createComponent({
-    tagName: 'mds-notification',
-    elementClass: MdsNotificationElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsNotification
-});
-export const MdsPaginator = /*@__PURE__*/ createComponent({
-    tagName: 'mds-paginator',
-    elementClass: MdsPaginatorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPaginatorChange: 'mdsPaginatorChange' },
-    defineCustomElement: defineMdsPaginator
-});
-export const MdsPaginatorItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-paginator-item',
-    elementClass: MdsPaginatorItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPaginatorItem
-});
-export const MdsPolicyAi = /*@__PURE__*/ createComponent({
-    tagName: 'mds-policy-ai',
-    elementClass: MdsPolicyAiElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPolicyAi
-});
-export const MdsPref = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref',
-    elementClass: MdsPrefElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPref
-});
-export const MdsPrefAnimation = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-animation',
-    elementClass: MdsPrefAnimationElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefChange: 'mdsPrefChange' },
-    defineCustomElement: defineMdsPrefAnimation
-});
-export const MdsPrefConsumption = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-consumption',
-    elementClass: MdsPrefConsumptionElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefChange: 'mdsPrefChange' },
-    defineCustomElement: defineMdsPrefConsumption
-});
-export const MdsPrefContrast = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-contrast',
-    elementClass: MdsPrefContrastElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefChange: 'mdsPrefChange' },
-    defineCustomElement: defineMdsPrefContrast
-});
-export const MdsPrefLanguage = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-language',
-    elementClass: MdsPrefLanguageElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsPrefLanguageChange: 'mdsPrefLanguageChange',
-        onMdsPrefChange: 'mdsPrefChange'
-    },
-    defineCustomElement: defineMdsPrefLanguage
-});
-export const MdsPrefLanguageItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-language-item',
-    elementClass: MdsPrefLanguageItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefLanguageItemSelect: 'mdsPrefLanguageItemSelect' },
-    defineCustomElement: defineMdsPrefLanguageItem
-});
-export const MdsPrefTheme = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-theme',
-    elementClass: MdsPrefThemeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefChange: 'mdsPrefChange' },
-    defineCustomElement: defineMdsPrefTheme
-});
-export const MdsPrefThemeVariant = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-theme-variant',
-    elementClass: MdsPrefThemeVariantElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsPrefThemeVariantChange: 'mdsPrefThemeVariantChange',
-        onMdsPrefChange: 'mdsPrefChange'
-    },
-    defineCustomElement: defineMdsPrefThemeVariant
-});
-export const MdsPrefThemeVariantItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-pref-theme-variant-item',
-    elementClass: MdsPrefThemeVariantItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPrefThemeVariantItemSelect: 'mdsPrefThemeVariantItemSelect' },
-    defineCustomElement: defineMdsPrefThemeVariantItem
-});
-export const MdsPriceTable = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table',
-    elementClass: MdsPriceTableElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTable
-});
-export const MdsPriceTableFeatures = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-features',
-    elementClass: MdsPriceTableFeaturesElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableFeatures
-});
-export const MdsPriceTableFeaturesCell = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-features-cell',
-    elementClass: MdsPriceTableFeaturesCellElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableFeaturesCell
-});
-export const MdsPriceTableFeaturesRow = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-features-row',
-    elementClass: MdsPriceTableFeaturesRowElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableFeaturesRow
-});
-export const MdsPriceTableHeader = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-header',
-    elementClass: MdsPriceTableHeaderElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableHeader
-});
-export const MdsPriceTableList = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-list',
-    elementClass: MdsPriceTableListElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableList
-});
-export const MdsPriceTableListItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-price-table-list-item',
-    elementClass: MdsPriceTableListItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsPriceTableListItem
-});
-export const MdsProgress = /*@__PURE__*/ createComponent({
-    tagName: 'mds-progress',
-    elementClass: MdsProgressElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsProgress
-});
-export const MdsPushNotification = /*@__PURE__*/ createComponent({
-    tagName: 'mds-push-notification',
-    elementClass: MdsPushNotificationElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsPushNotificationChange: 'mdsPushNotificationChange',
-        onMdsPushNotificationShow: 'mdsPushNotificationShow',
-        onMdsPushNotificationHide: 'mdsPushNotificationHide'
-    },
-    defineCustomElement: defineMdsPushNotification
-});
-export const MdsPushNotificationItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-push-notification-item',
-    elementClass: MdsPushNotificationItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsPushNotificationItemClose: 'mdsPushNotificationItemClose' },
-    defineCustomElement: defineMdsPushNotificationItem
-});
-export const MdsQuote = /*@__PURE__*/ createComponent({
-    tagName: 'mds-quote',
-    elementClass: MdsQuoteElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsQuote
-});
-export const MdsRadialMenu = /*@__PURE__*/ createComponent({
-    tagName: 'mds-radial-menu',
-    elementClass: MdsRadialMenuElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsRadialMenu
-});
-export const MdsRadialMenuItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-radial-menu-item',
-    elementClass: MdsRadialMenuItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsRadialMenuItem
-});
-export const MdsRadialProgress = /*@__PURE__*/ createComponent({
-    tagName: 'mds-radial-progress',
-    elementClass: MdsRadialProgressElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsRadialProgress
-});
-export const MdsSeparator = /*@__PURE__*/ createComponent({
-    tagName: 'mds-separator',
-    elementClass: MdsSeparatorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsSeparator
-});
-export const MdsSpinner = /*@__PURE__*/ createComponent({
-    tagName: 'mds-spinner',
-    elementClass: MdsSpinnerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsSpinner
-});
-export const MdsStatusBar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-status-bar',
-    elementClass: MdsStatusBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsStatusBar
-});
-export const MdsStepperBar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-stepper-bar',
-    elementClass: MdsStepperBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsStepperBarChange: 'mdsStepperBarChange' },
-    defineCustomElement: defineMdsStepperBar
-});
-export const MdsStepperBarItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-stepper-bar-item',
-    elementClass: MdsStepperBarItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsStepperBarItemDone: 'mdsStepperBarItemDone' },
-    defineCustomElement: defineMdsStepperBarItem
-});
-export const MdsTab = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tab',
-    elementClass: MdsTabElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsTabChange: 'mdsTabChange' },
-    defineCustomElement: defineMdsTab
-});
-export const MdsTabBar = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tab-bar',
-    elementClass: MdsTabBarElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsTabBarChange: 'mdsTabBarChange' },
-    defineCustomElement: defineMdsTabBar
-});
-export const MdsTabBarItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tab-bar-item',
-    elementClass: MdsTabBarItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsTabBarItemSelect: 'mdsTabBarItemSelect' },
-    defineCustomElement: defineMdsTabBarItem
-});
-export const MdsTabItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tab-item',
-    elementClass: MdsTabItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsTabItemSelect: 'mdsTabItemSelect',
-        onMdsTabItemFocus: 'mdsTabItemFocus'
-    },
-    defineCustomElement: defineMdsTabItem
-});
-export const MdsTable = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table',
-    elementClass: MdsTableElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsTableSelectionChange: 'mdsTableSelectionChange' },
-    defineCustomElement: defineMdsTable
-});
-export const MdsTableBody = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-body',
-    elementClass: MdsTableBodyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableBody
-});
-export const MdsTableCell = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-cell',
-    elementClass: MdsTableCellElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableCell
-});
-export const MdsTableFooter = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-footer',
-    elementClass: MdsTableFooterElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableFooter
-});
-export const MdsTableHeader = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-header',
-    elementClass: MdsTableHeaderElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableHeader
-});
-export const MdsTableHeaderCell = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-header-cell',
-    elementClass: MdsTableHeaderCellElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableHeaderCell
-});
-export const MdsTableRow = /*@__PURE__*/ createComponent({
-    tagName: 'mds-table-row',
-    elementClass: MdsTableRowElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTableRow
-});
-export const MdsText = /*@__PURE__*/ createComponent({
-    tagName: 'mds-text',
-    elementClass: MdsTextElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsText
-});
-export const MdsToast = /*@__PURE__*/ createComponent({
-    tagName: 'mds-toast',
-    elementClass: MdsToastElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsToastClose: 'mdsToastClose' },
-    defineCustomElement: defineMdsToast
-});
-export const MdsTooltip = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tooltip',
-    elementClass: MdsTooltipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTooltip
-});
-export const MdsTree = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tree',
-    elementClass: MdsTreeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsTree
-});
-export const MdsTreeItem = /*@__PURE__*/ createComponent({
-    tagName: 'mds-tree-item',
-    elementClass: MdsTreeItemElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onMdsTreeItemExpand: 'mdsTreeItemExpand',
-        onMdsTreeItemCollapse: 'mdsTreeItemCollapse'
-    },
-    defineCustomElement: defineMdsTreeItem
-});
-export const MdsUrlView = /*@__PURE__*/ createComponent({
-    tagName: 'mds-url-view',
-    elementClass: MdsUrlViewElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onMdsUrlViewClose: 'mdsUrlViewClose' },
-    defineCustomElement: defineMdsUrlView
-});
-export const MdsUsage = /*@__PURE__*/ createComponent({
-    tagName: 'mds-usage',
-    elementClass: MdsUsageElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsUsage
-});
-export const MdsVideoWall = /*@__PURE__*/ createComponent({
-    tagName: 'mds-video-wall',
-    elementClass: MdsVideoWallElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsVideoWall
-});
-export const MdsZero = /*@__PURE__*/ createComponent({
-    tagName: 'mds-zero',
-    elementClass: MdsZeroElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineMdsZero
-});
+/**
+ * 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 */
+export { MdsAccordionItem } from "./mds-accordion-item.js";
+export { MdsAccordionTimerItem } from "./mds-accordion-timer-item.js";
+export { MdsAccordionTimer } from "./mds-accordion-timer.js";
+export { MdsAccordion } from "./mds-accordion.js";
+export { MdsAuthor } from "./mds-author.js";
+export { MdsAvatarStackItem } from "./mds-avatar-stack-item.js";
+export { MdsAvatarStack } from "./mds-avatar-stack.js";
+export { MdsAvatar } from "./mds-avatar.js";
+export { MdsBadge } from "./mds-badge.js";
+export { MdsBanner } from "./mds-banner.js";
+export { MdsBenchmarkBar } from "./mds-benchmark-bar.js";
+export { MdsBibliography } from "./mds-bibliography.js";
+export { MdsBreadcrumbItem } from "./mds-breadcrumb-item.js";
+export { MdsBreadcrumb } from "./mds-breadcrumb.js";
+export { MdsButtonDropdown } from "./mds-button-dropdown.js";
+export { MdsButtonGroup } from "./mds-button-group.js";
+export { MdsButton } from "./mds-button.js";
+export { MdsCalendarCell } from "./mds-calendar-cell.js";
+export { MdsCalendar } from "./mds-calendar.js";
+export { MdsCardContent } from "./mds-card-content.js";
+export { MdsCardFooter } from "./mds-card-footer.js";
+export { MdsCardHeader } from "./mds-card-header.js";
+export { MdsCardMedia } from "./mds-card-media.js";
+export { MdsCard } from "./mds-card.js";
+export { MdsChip } from "./mds-chip.js";
+export { MdsDetails } from "./mds-details.js";
+export { MdsDropdown } from "./mds-dropdown.js";
+export { MdsEmoji } from "./mds-emoji.js";
+export { MdsEntity } from "./mds-entity.js";
+export { MdsFilePreview } from "./mds-file-preview.js";
+export { MdsFile } from "./mds-file.js";
+export { MdsFilterItem } from "./mds-filter-item.js";
+export { MdsFilter } from "./mds-filter.js";
+export { MdsHeaderBar } from "./mds-header-bar.js";
+export { MdsHeader } from "./mds-header.js";
+export { MdsHelp } from "./mds-help.js";
+export { MdsHorizontalScroll } from "./mds-horizontal-scroll.js";
+export { MdsHr } from "./mds-hr.js";
+export { MdsIcon } from "./mds-icon.js";
+export { MdsImg } from "./mds-img.js";
+export { MdsInputDateRangePreselection } from "./mds-input-date-range-preselection.js";
+export { MdsInputDateRange } from "./mds-input-date-range.js";
+export { MdsInputDate } from "./mds-input-date.js";
+export { MdsInputField } from "./mds-input-field.js";
+export { MdsInputOtp } from "./mds-input-otp.js";
+export { MdsInputRange } from "./mds-input-range.js";
+export { MdsInputSelect } from "./mds-input-select.js";
+export { MdsInputSwitch } from "./mds-input-switch.js";
+export { MdsInputTipItem } from "./mds-input-tip-item.js";
+export { MdsInputTip } from "./mds-input-tip.js";
+export { MdsInputUpload } from "./mds-input-upload.js";
+export { MdsInput } from "./mds-input.js";
+export { MdsKeyboardKey } from "./mds-keyboard-key.js";
+export { MdsKeyboard } from "./mds-keyboard.js";
+export { MdsKpiItem } from "./mds-kpi-item.js";
+export { MdsKpi } from "./mds-kpi.js";
+export { MdsLabel } from "./mds-label.js";
+export { MdsListItem } from "./mds-list-item.js";
+export { MdsList } from "./mds-list.js";
+export { MdsMention } from "./mds-mention.js";
+export { MdsModal } from "./mds-modal.js";
+export { MdsNote } from "./mds-note.js";
+export { MdsNotification } from "./mds-notification.js";
+export { MdsPaginatorItem } from "./mds-paginator-item.js";
+export { MdsPaginator } from "./mds-paginator.js";
+export { MdsPolicyAi } from "./mds-policy-ai.js";
+export { MdsPrefAnimation } from "./mds-pref-animation.js";
+export { MdsPrefConsumption } from "./mds-pref-consumption.js";
+export { MdsPrefContrast } from "./mds-pref-contrast.js";
+export { MdsPrefLanguageItem } from "./mds-pref-language-item.js";
+export { MdsPrefLanguage } from "./mds-pref-language.js";
+export { MdsPrefMode } from "./mds-pref-mode.js";
+export { MdsPrefThemeItem } from "./mds-pref-theme-item.js";
+export { MdsPrefTheme } from "./mds-pref-theme.js";
+export { MdsPref } from "./mds-pref.js";
+export { MdsPriceTableFeaturesCell } from "./mds-price-table-features-cell.js";
+export { MdsPriceTableFeaturesRow } from "./mds-price-table-features-row.js";
+export { MdsPriceTableFeatures } from "./mds-price-table-features.js";
+export { MdsPriceTableHeader } from "./mds-price-table-header.js";
+export { MdsPriceTableListItem } from "./mds-price-table-list-item.js";
+export { MdsPriceTableList } from "./mds-price-table-list.js";
+export { MdsPriceTable } from "./mds-price-table.js";
+export { MdsProgress } from "./mds-progress.js";
+export { MdsPushNotificationItem } from "./mds-push-notification-item.js";
+export { MdsPushNotification } from "./mds-push-notification.js";
+export { MdsQuote } from "./mds-quote.js";
+export { MdsRadialMenuItem } from "./mds-radial-menu-item.js";
+export { MdsRadialMenu } from "./mds-radial-menu.js";
+export { MdsRadialProgress } from "./mds-radial-progress.js";
+export { MdsSeparator } from "./mds-separator.js";
+export { MdsSpinner } from "./mds-spinner.js";
+export { MdsStatusBar } from "./mds-status-bar.js";
+export { MdsStepperBarItem } from "./mds-stepper-bar-item.js";
+export { MdsStepperBar } from "./mds-stepper-bar.js";
+export { MdsTabBarItem } from "./mds-tab-bar-item.js";
+export { MdsTabBar } from "./mds-tab-bar.js";
+export { MdsTabItem } from "./mds-tab-item.js";
+export { MdsTab } from "./mds-tab.js";
+export { MdsTableBody } from "./mds-table-body.js";
+export { MdsTableCell } from "./mds-table-cell.js";
+export { MdsTableFooter } from "./mds-table-footer.js";
+export { MdsTableHeaderCell } from "./mds-table-header-cell.js";
+export { MdsTableHeader } from "./mds-table-header.js";
+export { MdsTableRow } from "./mds-table-row.js";
+export { MdsTable } from "./mds-table.js";
+export { MdsText } from "./mds-text.js";
+export { MdsToast } from "./mds-toast.js";
+export { MdsTooltip } from "./mds-tooltip.js";
+export { MdsTreeItem } from "./mds-tree-item.js";
+export { MdsTree } from "./mds-tree.js";
+export { MdsUrlView } from "./mds-url-view.js";
+export { MdsUsage } from "./mds-usage.js";
+export { MdsVideoWall } from "./mds-video-wall.js";
+export { MdsZero } from "./mds-zero.js";