npm - @maggioli-design-system/magma-react - Versions diffs - 1.0.0-beta - Mend

@maggioli-design-system/magma-react 1.0.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/components.js +872 -0
package/dist/types/components.d.ts +390 -0
package/package.json +24 -0

package/dist/components.js ADDED Viewed

@@ -0,0 +1,872 @@
+'use client';
+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 { 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 { MdsButton as MdsButtonElement, defineCustomElement as defineMdsButton } from "@maggioli-design-system/magma/dist/components/mds-button.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 { 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 { MdsInputField as MdsInputFieldElement, defineCustomElement as defineMdsInputField } from "@maggioli-design-system/magma/dist/components/mds-input-field.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 { 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 { 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 { 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 { MdsPrefLanguageNav as MdsPrefLanguageNavElement, defineCustomElement as defineMdsPrefLanguageNav } from "@maggioli-design-system/magma/dist/components/mds-pref-language-nav.js";
+import { MdsPrefLanguage as MdsPrefLanguageElement, defineCustomElement as defineMdsPrefLanguage } from "@maggioli-design-system/magma/dist/components/mds-pref-language.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 { MdsPushNotification as MdsPushNotificationElement, defineCustomElement as defineMdsPushNotification } from "@maggioli-design-system/magma/dist/components/mds-push-notification.js";
+import { MdsPushNotifications as MdsPushNotificationsElement, defineCustomElement as defineMdsPushNotifications } from "@maggioli-design-system/magma/dist/components/mds-push-notifications.js";
+import { MdsQuote as MdsQuoteElement, defineCustomElement as defineMdsQuote } from "@maggioli-design-system/magma/dist/components/mds-quote.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 { 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 { 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";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const MdsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion',
+    elementClass: MdsAccordionElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsAccordionChange: 'mdsAccordionChange' },
+    defineCustomElement: defineMdsAccordion
+});
+export const MdsAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-item',
+    elementClass: MdsAccordionItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsAccordionItemSelect: 'mdsAccordionItemSelect',
+        onMdsAccordionItemUnselect: 'mdsAccordionItemUnselect',
+        onMdsAccordionItemChange: 'mdsAccordionItemChange'
+    },
+    defineCustomElement: defineMdsAccordionItem
+});
+export const MdsAccordionTimer = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer',
+    elementClass: MdsAccordionTimerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsAccordionTimerChange: 'mdsAccordionTimerChange' },
+    defineCustomElement: defineMdsAccordionTimer
+});
+export const MdsAccordionTimerItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-accordion-timer-item',
+    elementClass: MdsAccordionTimerItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    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 - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAuthor
+});
+export const MdsAvatar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-avatar',
+    elementClass: MdsAvatarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsAvatar
+});
+export const MdsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'mds-badge',
+    elementClass: MdsBadgeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBadge
+});
+export const MdsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'mds-banner',
+    elementClass: MdsBannerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsBannerClose: 'mdsBannerClose' },
+    defineCustomElement: defineMdsBanner
+});
+export const MdsBenchmarkBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-benchmark-bar',
+    elementClass: MdsBenchmarkBarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBenchmarkBar
+});
+export const MdsBibliography = /*@__PURE__*/ createComponent({
+    tagName: 'mds-bibliography',
+    elementClass: MdsBibliographyElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsBibliography
+});
+export const MdsBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb',
+    elementClass: MdsBreadcrumbElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsBreadcrumbChange: 'mdsBreadcrumbChange' },
+    defineCustomElement: defineMdsBreadcrumb
+});
+export const MdsBreadcrumbItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-breadcrumb-item',
+    elementClass: MdsBreadcrumbItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsBreadcrumbItemSelect: 'mdsBreadcrumbItemSelect' },
+    defineCustomElement: defineMdsBreadcrumbItem
+});
+export const MdsButton = /*@__PURE__*/ createComponent({
+    tagName: 'mds-button',
+    elementClass: MdsButtonElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsButton
+});
+export const MdsCard = /*@__PURE__*/ createComponent({
+    tagName: 'mds-card',
+    elementClass: MdsCardElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsCard
+});
+export const MdsCardContent = /*@__PURE__*/ createComponent({
+    tagName: 'mds-card-content',
+    elementClass: MdsCardContentElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsCardContent
+});
+export const MdsCardFooter = /*@__PURE__*/ createComponent({
+    tagName: 'mds-card-footer',
+    elementClass: MdsCardFooterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsCardFooter
+});
+export const MdsCardHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-card-header',
+    elementClass: MdsCardHeaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsCardHeader
+});
+export const MdsCardMedia = /*@__PURE__*/ createComponent({
+    tagName: 'mds-card-media',
+    elementClass: MdsCardMediaElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsCardMedia
+});
+export const MdsChip = /*@__PURE__*/ createComponent({
+    tagName: 'mds-chip',
+    elementClass: MdsChipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsChipClickLabel: 'mdsChipClickLabel',
+        onMdsChipDelete: 'mdsChipDelete'
+    },
+    defineCustomElement: defineMdsChip
+});
+export const MdsDetails = /*@__PURE__*/ createComponent({
+    tagName: 'mds-details',
+    elementClass: MdsDetailsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsDetailsChange: 'mdsDetailsChange' },
+    defineCustomElement: defineMdsDetails
+});
+export const MdsDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'mds-dropdown',
+    elementClass: MdsDropdownElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsDropdownVisible: 'mdsDropdownVisible',
+        onMdsDropdownHide: 'mdsDropdownHide',
+        onMdsDropdownChange: 'mdsDropdownChange'
+    },
+    defineCustomElement: defineMdsDropdown
+});
+export const MdsEntity = /*@__PURE__*/ createComponent({
+    tagName: 'mds-entity',
+    elementClass: MdsEntityElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsEntity
+});
+export const MdsFile = /*@__PURE__*/ createComponent({
+    tagName: 'mds-file',
+    elementClass: MdsFileElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsFileDownload: 'mdsFileDownload' },
+    defineCustomElement: defineMdsFile
+});
+export const MdsFilePreview = /*@__PURE__*/ createComponent({
+    tagName: 'mds-file-preview',
+    elementClass: MdsFilePreviewElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsFileDownload: 'mdsFileDownload',
+        onMdsFileDelete: 'mdsFileDelete'
+    },
+    defineCustomElement: defineMdsFilePreview
+});
+export const MdsFilter = /*@__PURE__*/ createComponent({
+    tagName: 'mds-filter',
+    elementClass: MdsFilterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsFilterChange: 'mdsFilterChange' },
+    defineCustomElement: defineMdsFilter
+});
+export const MdsFilterItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-filter-item',
+    elementClass: MdsFilterItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsFilterItemSelect: 'mdsFilterItemSelect' },
+    defineCustomElement: defineMdsFilterItem
+});
+export const MdsHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-header',
+    elementClass: MdsHeaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsHeaderClose: 'mdsHeaderClose' },
+    defineCustomElement: defineMdsHeader
+});
+export const MdsHeaderBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-header-bar',
+    elementClass: MdsHeaderBarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsHeaderBarOpen: 'mdsHeaderBarOpen' },
+    defineCustomElement: defineMdsHeaderBar
+});
+export const MdsHelp = /*@__PURE__*/ createComponent({
+    tagName: 'mds-help',
+    elementClass: MdsHelpElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsHelp
+});
+export const MdsHorizontalScroll = /*@__PURE__*/ createComponent({
+    tagName: 'mds-horizontal-scroll',
+    elementClass: MdsHorizontalScrollElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsHorizontalScroll
+});
+export const MdsHr = /*@__PURE__*/ createComponent({
+    tagName: 'mds-hr',
+    elementClass: MdsHrElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsHr
+});
+export const MdsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'mds-icon',
+    elementClass: MdsIconElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsIcon
+});
+export const MdsImg = /*@__PURE__*/ createComponent({
+    tagName: 'mds-img',
+    elementClass: MdsImgElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsImgLoadError: 'mdsImgLoadError',
+        onMdsImgLoadSuccess: 'mdsImgLoadSuccess'
+    },
+    defineCustomElement: defineMdsImg
+});
+export const MdsInput = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input',
+    elementClass: MdsInputElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsInputChange: 'mdsInputChange',
+        onMdsInputKeydown: 'mdsInputKeydown',
+        onMdsInputBlur: 'mdsInputBlur',
+        onMdsInputFocus: 'mdsInputFocus'
+    },
+    defineCustomElement: defineMdsInput
+});
+export const MdsInputField = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-field',
+    elementClass: MdsInputFieldElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsInputFieldChange: 'mdsInputFieldChange',
+        onMdsInputFieldKeydown: 'mdsInputFieldKeydown',
+        onMdsInputFieldBlur: 'mdsInputFieldBlur',
+        onMdsInputFieldFocus: 'mdsInputFieldFocus'
+    },
+    defineCustomElement: defineMdsInputField
+});
+export const MdsInputRange = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-range',
+    elementClass: MdsInputRangeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsInputRangeChange: 'mdsInputRangeChange' },
+    defineCustomElement: defineMdsInputRange
+});
+export const MdsInputSelect = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-select',
+    elementClass: MdsInputSelectElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsInputSelectChange: 'mdsInputSelectChange' },
+    defineCustomElement: defineMdsInputSelect
+});
+export const MdsInputSwitch = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-switch',
+    elementClass: MdsInputSwitchElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsInputSwitchChange: 'mdsInputSwitchChange' },
+    defineCustomElement: defineMdsInputSwitch
+});
+export const MdsInputTip = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-tip',
+    elementClass: MdsInputTipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsInputTip
+});
+export const MdsInputTipItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-tip-item',
+    elementClass: MdsInputTipItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsInputTipItem
+});
+export const MdsInputUpload = /*@__PURE__*/ createComponent({
+    tagName: 'mds-input-upload',
+    elementClass: MdsInputUploadElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsInputUploadChange: 'mdsInputUploadChange' },
+    defineCustomElement: defineMdsInputUpload
+});
+export const MdsKpi = /*@__PURE__*/ createComponent({
+    tagName: 'mds-kpi',
+    elementClass: MdsKpiElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsKpi
+});
+export const MdsKpiItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-kpi-item',
+    elementClass: MdsKpiItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsKpiItem
+});
+export const MdsLabel = /*@__PURE__*/ createComponent({
+    tagName: 'mds-label',
+    elementClass: MdsLabelElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsLabelDelete: 'mdsLabelDelete' },
+    defineCustomElement: defineMdsLabel
+});
+export const MdsList = /*@__PURE__*/ createComponent({
+    tagName: 'mds-list',
+    elementClass: MdsListElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsList
+});
+export const MdsListItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-list-item',
+    elementClass: MdsListItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsListItem
+});
+export const MdsModal = /*@__PURE__*/ createComponent({
+    tagName: 'mds-modal',
+    elementClass: MdsModalElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsModalClose: 'mdsModalClose',
+        onMdsModalHide: 'mdsModalHide'
+    },
+    defineCustomElement: defineMdsModal
+});
+export const MdsNote = /*@__PURE__*/ createComponent({
+    tagName: 'mds-note',
+    elementClass: MdsNoteElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsNoteDelete: 'mdsNoteDelete' },
+    defineCustomElement: defineMdsNote
+});
+export const MdsNotification = /*@__PURE__*/ createComponent({
+    tagName: 'mds-notification',
+    elementClass: MdsNotificationElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsNotification
+});
+export const MdsPaginator = /*@__PURE__*/ createComponent({
+    tagName: 'mds-paginator',
+    elementClass: MdsPaginatorElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPaginatorChange: 'mdsPaginatorChange' },
+    defineCustomElement: defineMdsPaginator
+});
+export const MdsPaginatorItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-paginator-item',
+    elementClass: MdsPaginatorItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPaginatorItem
+});
+export const MdsPref = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref',
+    elementClass: MdsPrefElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPref
+});
+export const MdsPrefAnimation = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-animation',
+    elementClass: MdsPrefAnimationElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefChange: 'mdsPrefChange' },
+    defineCustomElement: defineMdsPrefAnimation
+});
+export const MdsPrefConsumption = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-consumption',
+    elementClass: MdsPrefConsumptionElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefChange: 'mdsPrefChange' },
+    defineCustomElement: defineMdsPrefConsumption
+});
+export const MdsPrefContrast = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-contrast',
+    elementClass: MdsPrefContrastElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefChange: 'mdsPrefChange' },
+    defineCustomElement: defineMdsPrefContrast
+});
+export const MdsPrefLanguage = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-language',
+    elementClass: MdsPrefLanguageElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsPrefLanguageChange: 'mdsPrefLanguageChange',
+        onMdsPrefChange: 'mdsPrefChange'
+    },
+    defineCustomElement: defineMdsPrefLanguage
+});
+export const MdsPrefLanguageItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-language-item',
+    elementClass: MdsPrefLanguageItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefLanguageItemSelect: 'mdsPrefLanguageItemSelect' },
+    defineCustomElement: defineMdsPrefLanguageItem
+});
+export const MdsPrefLanguageNav = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-language-nav',
+    elementClass: MdsPrefLanguageNavElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefLanguageNavSelect: 'mdsPrefLanguageNavSelect' },
+    defineCustomElement: defineMdsPrefLanguageNav
+});
+export const MdsPrefTheme = /*@__PURE__*/ createComponent({
+    tagName: 'mds-pref-theme',
+    elementClass: MdsPrefThemeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPrefChange: 'mdsPrefChange' },
+    defineCustomElement: defineMdsPrefTheme
+});
+export const MdsPriceTable = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table',
+    elementClass: MdsPriceTableElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTable
+});
+export const MdsPriceTableFeatures = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-features',
+    elementClass: MdsPriceTableFeaturesElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableFeatures
+});
+export const MdsPriceTableFeaturesCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-features-cell',
+    elementClass: MdsPriceTableFeaturesCellElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableFeaturesCell
+});
+export const MdsPriceTableFeaturesRow = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-features-row',
+    elementClass: MdsPriceTableFeaturesRowElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableFeaturesRow
+});
+export const MdsPriceTableHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-header',
+    elementClass: MdsPriceTableHeaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableHeader
+});
+export const MdsPriceTableList = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-list',
+    elementClass: MdsPriceTableListElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableList
+});
+export const MdsPriceTableListItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-price-table-list-item',
+    elementClass: MdsPriceTableListItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPriceTableListItem
+});
+export const MdsProgress = /*@__PURE__*/ createComponent({
+    tagName: 'mds-progress',
+    elementClass: MdsProgressElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsProgress
+});
+export const MdsPushNotification = /*@__PURE__*/ createComponent({
+    tagName: 'mds-push-notification',
+    elementClass: MdsPushNotificationElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsPushNotificationClose: 'mdsPushNotificationClose' },
+    defineCustomElement: defineMdsPushNotification
+});
+export const MdsPushNotifications = /*@__PURE__*/ createComponent({
+    tagName: 'mds-push-notifications',
+    elementClass: MdsPushNotificationsElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsPushNotifications
+});
+export const MdsQuote = /*@__PURE__*/ createComponent({
+    tagName: 'mds-quote',
+    elementClass: MdsQuoteElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsQuote
+});
+export const MdsSeparator = /*@__PURE__*/ createComponent({
+    tagName: 'mds-separator',
+    elementClass: MdsSeparatorElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsSeparator
+});
+export const MdsSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'mds-spinner',
+    elementClass: MdsSpinnerElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsSpinner
+});
+export const MdsStepperBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-stepper-bar',
+    elementClass: MdsStepperBarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsStepperBarChange: 'mdsStepperBarChange' },
+    defineCustomElement: defineMdsStepperBar
+});
+export const MdsStepperBarItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-stepper-bar-item',
+    elementClass: MdsStepperBarItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsStepperBarItemDone: 'mdsStepperBarItemDone' },
+    defineCustomElement: defineMdsStepperBarItem
+});
+export const MdsTab = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab',
+    elementClass: MdsTabElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsTabChange: 'mdsTabChange' },
+    defineCustomElement: defineMdsTab
+});
+export const MdsTabBar = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-bar',
+    elementClass: MdsTabBarElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsTabBarChange: 'mdsTabBarChange' },
+    defineCustomElement: defineMdsTabBar
+});
+export const MdsTabBarItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-bar-item',
+    elementClass: MdsTabBarItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsTabBarItemSelect: 'mdsTabBarItemSelect' },
+    defineCustomElement: defineMdsTabBarItem
+});
+export const MdsTabItem = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tab-item',
+    elementClass: MdsTabItemElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onMdsTabItemSelect: 'mdsTabItemSelect',
+        onMdsTabItemFocus: 'mdsTabItemFocus'
+    },
+    defineCustomElement: defineMdsTabItem
+});
+export const MdsTable = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table',
+    elementClass: MdsTableElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsTableInteractiveChange: 'mdsTableInteractiveChange' },
+    defineCustomElement: defineMdsTable
+});
+export const MdsTableBody = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-body',
+    elementClass: MdsTableBodyElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableBody
+});
+export const MdsTableCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-cell',
+    elementClass: MdsTableCellElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableCell
+});
+export const MdsTableFooter = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-footer',
+    elementClass: MdsTableFooterElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableFooter
+});
+export const MdsTableHeader = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-header',
+    elementClass: MdsTableHeaderElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableHeader
+});
+export const MdsTableHeaderCell = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-header-cell',
+    elementClass: MdsTableHeaderCellElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableHeaderCell
+});
+export const MdsTableRow = /*@__PURE__*/ createComponent({
+    tagName: 'mds-table-row',
+    elementClass: MdsTableRowElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTableRow
+});
+export const MdsText = /*@__PURE__*/ createComponent({
+    tagName: 'mds-text',
+    elementClass: MdsTextElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsText
+});
+export const MdsToast = /*@__PURE__*/ createComponent({
+    tagName: 'mds-toast',
+    elementClass: MdsToastElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsToastClose: 'mdsToastClose' },
+    defineCustomElement: defineMdsToast
+});
+export const MdsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'mds-tooltip',
+    elementClass: MdsTooltipElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsTooltip
+});
+export const MdsUrlView = /*@__PURE__*/ createComponent({
+    tagName: 'mds-url-view',
+    elementClass: MdsUrlViewElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onMdsUrlViewClose: 'mdsUrlViewClose' },
+    defineCustomElement: defineMdsUrlView
+});
+export const MdsUsage = /*@__PURE__*/ createComponent({
+    tagName: 'mds-usage',
+    elementClass: MdsUsageElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsUsage
+});
+export const MdsVideoWall = /*@__PURE__*/ createComponent({
+    tagName: 'mds-video-wall',
+    elementClass: MdsVideoWallElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsVideoWall
+});
+export const MdsZero = /*@__PURE__*/ createComponent({
+    tagName: 'mds-zero',
+    elementClass: MdsZeroElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineMdsZero
+});

package/dist/types/components.d.ts ADDED Viewed

@@ -0,0 +1,390 @@
+/**
+ * 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.
+ */
+import { type InputValue, type MdsAccordionCustomEvent, type MdsAccordionEventDetail, type MdsAccordionItemCustomEvent, type MdsAccordionItemEventDetail, type MdsAccordionTimerCustomEvent, type MdsAccordionTimerEventDetail, type MdsAccordionTimerItemCustomEvent, type MdsAccordionTimerItemEventDetail, type MdsBreadcrumbCustomEvent, type MdsBreadcrumbEventDetail, type MdsBreadcrumbItemCustomEvent, type MdsBreadcrumbItemEventDetail, type MdsChipCustomEvent, type MdsChipEvent, type MdsDropdownCustomEvent, type MdsDropdownEventDetail, type MdsFileCustomEvent, type MdsFileEventDetail, type MdsFilePreviewCustomEvent, type MdsFilePreviewEventDetail, type MdsFilterCustomEvent, type MdsFilterEventDetail, type MdsFilterItemCustomEvent, type MdsFilterItemEventDetail, type MdsHeaderCustomEvent, type MdsHeaderEventDetail, type MdsImgCustomEvent, type MdsImgEventDetail, type MdsInputCustomEvent, type MdsInputEventDetail, type MdsInputFieldCustomEvent, type MdsInputSelectCustomEvent, type MdsInputSwitchCustomEvent, type MdsInputSwitchEventDetail, type MdsInputUploadCustomEvent, type MdsPaginatorCustomEvent, type MdsPaginatorEventDetail, type MdsPrefAnimationCustomEvent, type MdsPrefChangeEventDetail, type MdsPrefConsumptionCustomEvent, type MdsPrefContrastCustomEvent, type MdsPrefLanguageCustomEvent, type MdsPrefLanguageEventDetail, type MdsPrefLanguageItemCustomEvent, type MdsPrefLanguageNavCustomEvent, type MdsPrefThemeCustomEvent, type MdsPushNotificationCustomEvent, type MdsPushNotificationEventDetail, type MdsStepperBarCustomEvent, type MdsStepperBarEventDetail, type MdsStepperBarItemCustomEvent, type MdsStepperBarItemEventDetail, type MdsTabBarCustomEvent, type MdsTabBarEventDetail, type MdsTabCustomEvent, type MdsTabEventDetail, type MdsTabItemCustomEvent, type MdsTabItemEventDetail } from "@maggioli-design-system/magma";
+import { MdsAccordionItem as MdsAccordionItemElement } from "@maggioli-design-system/magma/dist/components/mds-accordion-item.js";
+import { MdsAccordionTimerItem as MdsAccordionTimerItemElement } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer-item.js";
+import { MdsAccordionTimer as MdsAccordionTimerElement } from "@maggioli-design-system/magma/dist/components/mds-accordion-timer.js";
+import { MdsAccordion as MdsAccordionElement } from "@maggioli-design-system/magma/dist/components/mds-accordion.js";
+import { MdsAuthor as MdsAuthorElement } from "@maggioli-design-system/magma/dist/components/mds-author.js";
+import { MdsAvatar as MdsAvatarElement } from "@maggioli-design-system/magma/dist/components/mds-avatar.js";
+import { MdsBadge as MdsBadgeElement } from "@maggioli-design-system/magma/dist/components/mds-badge.js";
+import { MdsBanner as MdsBannerElement } from "@maggioli-design-system/magma/dist/components/mds-banner.js";
+import { MdsBenchmarkBar as MdsBenchmarkBarElement } from "@maggioli-design-system/magma/dist/components/mds-benchmark-bar.js";
+import { MdsBibliography as MdsBibliographyElement } from "@maggioli-design-system/magma/dist/components/mds-bibliography.js";
+import { MdsBreadcrumbItem as MdsBreadcrumbItemElement } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb-item.js";
+import { MdsBreadcrumb as MdsBreadcrumbElement } from "@maggioli-design-system/magma/dist/components/mds-breadcrumb.js";
+import { MdsButton as MdsButtonElement } from "@maggioli-design-system/magma/dist/components/mds-button.js";
+import { MdsCardContent as MdsCardContentElement } from "@maggioli-design-system/magma/dist/components/mds-card-content.js";
+import { MdsCardFooter as MdsCardFooterElement } from "@maggioli-design-system/magma/dist/components/mds-card-footer.js";
+import { MdsCardHeader as MdsCardHeaderElement } from "@maggioli-design-system/magma/dist/components/mds-card-header.js";
+import { MdsCardMedia as MdsCardMediaElement } from "@maggioli-design-system/magma/dist/components/mds-card-media.js";
+import { MdsCard as MdsCardElement } from "@maggioli-design-system/magma/dist/components/mds-card.js";
+import { MdsChip as MdsChipElement } from "@maggioli-design-system/magma/dist/components/mds-chip.js";
+import { MdsDetails as MdsDetailsElement } from "@maggioli-design-system/magma/dist/components/mds-details.js";
+import { MdsDropdown as MdsDropdownElement } from "@maggioli-design-system/magma/dist/components/mds-dropdown.js";
+import { MdsEntity as MdsEntityElement } from "@maggioli-design-system/magma/dist/components/mds-entity.js";
+import { MdsFilePreview as MdsFilePreviewElement } from "@maggioli-design-system/magma/dist/components/mds-file-preview.js";
+import { MdsFile as MdsFileElement } from "@maggioli-design-system/magma/dist/components/mds-file.js";
+import { MdsFilterItem as MdsFilterItemElement } from "@maggioli-design-system/magma/dist/components/mds-filter-item.js";
+import { MdsFilter as MdsFilterElement } from "@maggioli-design-system/magma/dist/components/mds-filter.js";
+import { MdsHeaderBar as MdsHeaderBarElement } from "@maggioli-design-system/magma/dist/components/mds-header-bar.js";
+import { MdsHeader as MdsHeaderElement } from "@maggioli-design-system/magma/dist/components/mds-header.js";
+import { MdsHelp as MdsHelpElement } from "@maggioli-design-system/magma/dist/components/mds-help.js";
+import { MdsHorizontalScroll as MdsHorizontalScrollElement } from "@maggioli-design-system/magma/dist/components/mds-horizontal-scroll.js";
+import { MdsHr as MdsHrElement } from "@maggioli-design-system/magma/dist/components/mds-hr.js";
+import { MdsIcon as MdsIconElement } from "@maggioli-design-system/magma/dist/components/mds-icon.js";
+import { MdsImg as MdsImgElement } from "@maggioli-design-system/magma/dist/components/mds-img.js";
+import { MdsInputField as MdsInputFieldElement } from "@maggioli-design-system/magma/dist/components/mds-input-field.js";
+import { MdsInputRange as MdsInputRangeElement } from "@maggioli-design-system/magma/dist/components/mds-input-range.js";
+import { MdsInputSelect as MdsInputSelectElement } from "@maggioli-design-system/magma/dist/components/mds-input-select.js";
+import { MdsInputSwitch as MdsInputSwitchElement } from "@maggioli-design-system/magma/dist/components/mds-input-switch.js";
+import { MdsInputTipItem as MdsInputTipItemElement } from "@maggioli-design-system/magma/dist/components/mds-input-tip-item.js";
+import { MdsInputTip as MdsInputTipElement } from "@maggioli-design-system/magma/dist/components/mds-input-tip.js";
+import { MdsInputUpload as MdsInputUploadElement } from "@maggioli-design-system/magma/dist/components/mds-input-upload.js";
+import { MdsInput as MdsInputElement } from "@maggioli-design-system/magma/dist/components/mds-input.js";
+import { MdsKpiItem as MdsKpiItemElement } from "@maggioli-design-system/magma/dist/components/mds-kpi-item.js";
+import { MdsKpi as MdsKpiElement } from "@maggioli-design-system/magma/dist/components/mds-kpi.js";
+import { MdsLabel as MdsLabelElement } from "@maggioli-design-system/magma/dist/components/mds-label.js";
+import { MdsListItem as MdsListItemElement } from "@maggioli-design-system/magma/dist/components/mds-list-item.js";
+import { MdsList as MdsListElement } from "@maggioli-design-system/magma/dist/components/mds-list.js";
+import { MdsModal as MdsModalElement } from "@maggioli-design-system/magma/dist/components/mds-modal.js";
+import { MdsNote as MdsNoteElement } from "@maggioli-design-system/magma/dist/components/mds-note.js";
+import { MdsNotification as MdsNotificationElement } from "@maggioli-design-system/magma/dist/components/mds-notification.js";
+import { MdsPaginatorItem as MdsPaginatorItemElement } from "@maggioli-design-system/magma/dist/components/mds-paginator-item.js";
+import { MdsPaginator as MdsPaginatorElement } from "@maggioli-design-system/magma/dist/components/mds-paginator.js";
+import { MdsPrefAnimation as MdsPrefAnimationElement } from "@maggioli-design-system/magma/dist/components/mds-pref-animation.js";
+import { MdsPrefConsumption as MdsPrefConsumptionElement } from "@maggioli-design-system/magma/dist/components/mds-pref-consumption.js";
+import { MdsPrefContrast as MdsPrefContrastElement } from "@maggioli-design-system/magma/dist/components/mds-pref-contrast.js";
+import { MdsPrefLanguageItem as MdsPrefLanguageItemElement } from "@maggioli-design-system/magma/dist/components/mds-pref-language-item.js";
+import { MdsPrefLanguageNav as MdsPrefLanguageNavElement } from "@maggioli-design-system/magma/dist/components/mds-pref-language-nav.js";
+import { MdsPrefLanguage as MdsPrefLanguageElement } from "@maggioli-design-system/magma/dist/components/mds-pref-language.js";
+import { MdsPrefTheme as MdsPrefThemeElement } from "@maggioli-design-system/magma/dist/components/mds-pref-theme.js";
+import { MdsPref as MdsPrefElement } from "@maggioli-design-system/magma/dist/components/mds-pref.js";
+import { MdsPriceTableFeaturesCell as MdsPriceTableFeaturesCellElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-features-cell.js";
+import { MdsPriceTableFeaturesRow as MdsPriceTableFeaturesRowElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-features-row.js";
+import { MdsPriceTableFeatures as MdsPriceTableFeaturesElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-features.js";
+import { MdsPriceTableHeader as MdsPriceTableHeaderElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-header.js";
+import { MdsPriceTableListItem as MdsPriceTableListItemElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-list-item.js";
+import { MdsPriceTableList as MdsPriceTableListElement } from "@maggioli-design-system/magma/dist/components/mds-price-table-list.js";
+import { MdsPriceTable as MdsPriceTableElement } from "@maggioli-design-system/magma/dist/components/mds-price-table.js";
+import { MdsProgress as MdsProgressElement } from "@maggioli-design-system/magma/dist/components/mds-progress.js";
+import { MdsPushNotification as MdsPushNotificationElement } from "@maggioli-design-system/magma/dist/components/mds-push-notification.js";
+import { MdsPushNotifications as MdsPushNotificationsElement } from "@maggioli-design-system/magma/dist/components/mds-push-notifications.js";
+import { MdsQuote as MdsQuoteElement } from "@maggioli-design-system/magma/dist/components/mds-quote.js";
+import { MdsSeparator as MdsSeparatorElement } from "@maggioli-design-system/magma/dist/components/mds-separator.js";
+import { MdsSpinner as MdsSpinnerElement } from "@maggioli-design-system/magma/dist/components/mds-spinner.js";
+import { MdsStepperBarItem as MdsStepperBarItemElement } from "@maggioli-design-system/magma/dist/components/mds-stepper-bar-item.js";
+import { MdsStepperBar as MdsStepperBarElement } from "@maggioli-design-system/magma/dist/components/mds-stepper-bar.js";
+import { MdsTabBarItem as MdsTabBarItemElement } from "@maggioli-design-system/magma/dist/components/mds-tab-bar-item.js";
+import { MdsTabBar as MdsTabBarElement } from "@maggioli-design-system/magma/dist/components/mds-tab-bar.js";
+import { MdsTabItem as MdsTabItemElement } from "@maggioli-design-system/magma/dist/components/mds-tab-item.js";
+import { MdsTab as MdsTabElement } from "@maggioli-design-system/magma/dist/components/mds-tab.js";
+import { MdsTableBody as MdsTableBodyElement } from "@maggioli-design-system/magma/dist/components/mds-table-body.js";
+import { MdsTableCell as MdsTableCellElement } from "@maggioli-design-system/magma/dist/components/mds-table-cell.js";
+import { MdsTableFooter as MdsTableFooterElement } from "@maggioli-design-system/magma/dist/components/mds-table-footer.js";
+import { MdsTableHeaderCell as MdsTableHeaderCellElement } from "@maggioli-design-system/magma/dist/components/mds-table-header-cell.js";
+import { MdsTableHeader as MdsTableHeaderElement } from "@maggioli-design-system/magma/dist/components/mds-table-header.js";
+import { MdsTableRow as MdsTableRowElement } from "@maggioli-design-system/magma/dist/components/mds-table-row.js";
+import { MdsTable as MdsTableElement } from "@maggioli-design-system/magma/dist/components/mds-table.js";
+import { MdsText as MdsTextElement } from "@maggioli-design-system/magma/dist/components/mds-text.js";
+import { MdsToast as MdsToastElement } from "@maggioli-design-system/magma/dist/components/mds-toast.js";
+import { MdsTooltip as MdsTooltipElement } from "@maggioli-design-system/magma/dist/components/mds-tooltip.js";
+import { MdsUrlView as MdsUrlViewElement } from "@maggioli-design-system/magma/dist/components/mds-url-view.js";
+import { MdsUsage as MdsUsageElement } from "@maggioli-design-system/magma/dist/components/mds-usage.js";
+import { MdsVideoWall as MdsVideoWallElement } from "@maggioli-design-system/magma/dist/components/mds-video-wall.js";
+import { MdsZero as MdsZeroElement } from "@maggioli-design-system/magma/dist/components/mds-zero.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+type MdsAccordionEvents = {
+    onMdsAccordionChange: EventName<MdsAccordionCustomEvent<MdsAccordionEventDetail>>;
+};
+export declare const MdsAccordion: StencilReactComponent<MdsAccordionElement, MdsAccordionEvents>;
+type MdsAccordionItemEvents = {
+    onMdsAccordionItemSelect: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
+    onMdsAccordionItemUnselect: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
+    onMdsAccordionItemChange: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
+};
+export declare const MdsAccordionItem: StencilReactComponent<MdsAccordionItemElement, MdsAccordionItemEvents>;
+type MdsAccordionTimerEvents = {
+    onMdsAccordionTimerChange: EventName<MdsAccordionTimerCustomEvent<MdsAccordionTimerEventDetail>>;
+};
+export declare const MdsAccordionTimer: StencilReactComponent<MdsAccordionTimerElement, MdsAccordionTimerEvents>;
+type MdsAccordionTimerItemEvents = {
+    onMdsAccordionTimerItemClickSelect: EventName<MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>>;
+    onMdsAccordionTimerItemSelect: EventName<MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>>;
+    onMdsAccordionTimerItemMouseEnterSelect: EventName<MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>>;
+    onMdsAccordionTimerItemMouseLeaveSelect: EventName<MdsAccordionTimerItemCustomEvent<MdsAccordionTimerItemEventDetail>>;
+};
+export declare const MdsAccordionTimerItem: StencilReactComponent<MdsAccordionTimerItemElement, MdsAccordionTimerItemEvents>;
+type MdsAuthorEvents = NonNullable<unknown>;
+export declare const MdsAuthor: StencilReactComponent<MdsAuthorElement, MdsAuthorEvents>;
+type MdsAvatarEvents = NonNullable<unknown>;
+export declare const MdsAvatar: StencilReactComponent<MdsAvatarElement, MdsAvatarEvents>;
+type MdsBadgeEvents = NonNullable<unknown>;
+export declare const MdsBadge: StencilReactComponent<MdsBadgeElement, MdsBadgeEvents>;
+type MdsBannerEvents = {
+    onMdsBannerClose: EventName<CustomEvent<void>>;
+};
+export declare const MdsBanner: StencilReactComponent<MdsBannerElement, MdsBannerEvents>;
+type MdsBenchmarkBarEvents = NonNullable<unknown>;
+export declare const MdsBenchmarkBar: StencilReactComponent<MdsBenchmarkBarElement, MdsBenchmarkBarEvents>;
+type MdsBibliographyEvents = NonNullable<unknown>;
+export declare const MdsBibliography: StencilReactComponent<MdsBibliographyElement, MdsBibliographyEvents>;
+type MdsBreadcrumbEvents = {
+    onMdsBreadcrumbChange: EventName<MdsBreadcrumbCustomEvent<MdsBreadcrumbEventDetail>>;
+};
+export declare const MdsBreadcrumb: StencilReactComponent<MdsBreadcrumbElement, MdsBreadcrumbEvents>;
+type MdsBreadcrumbItemEvents = {
+    onMdsBreadcrumbItemSelect: EventName<MdsBreadcrumbItemCustomEvent<MdsBreadcrumbItemEventDetail>>;
+};
+export declare const MdsBreadcrumbItem: StencilReactComponent<MdsBreadcrumbItemElement, MdsBreadcrumbItemEvents>;
+type MdsButtonEvents = NonNullable<unknown>;
+export declare const MdsButton: StencilReactComponent<MdsButtonElement, MdsButtonEvents>;
+type MdsCardEvents = NonNullable<unknown>;
+export declare const MdsCard: StencilReactComponent<MdsCardElement, MdsCardEvents>;
+type MdsCardContentEvents = NonNullable<unknown>;
+export declare const MdsCardContent: StencilReactComponent<MdsCardContentElement, MdsCardContentEvents>;
+type MdsCardFooterEvents = NonNullable<unknown>;
+export declare const MdsCardFooter: StencilReactComponent<MdsCardFooterElement, MdsCardFooterEvents>;
+type MdsCardHeaderEvents = NonNullable<unknown>;
+export declare const MdsCardHeader: StencilReactComponent<MdsCardHeaderElement, MdsCardHeaderEvents>;
+type MdsCardMediaEvents = NonNullable<unknown>;
+export declare const MdsCardMedia: StencilReactComponent<MdsCardMediaElement, MdsCardMediaEvents>;
+type MdsChipEvents = {
+    onMdsChipClickLabel: EventName<MdsChipCustomEvent<MdsChipEvent>>;
+    onMdsChipDelete: EventName<MdsChipCustomEvent<MdsChipEvent>>;
+};
+export declare const MdsChip: StencilReactComponent<MdsChipElement, MdsChipEvents>;
+type MdsDetailsEvents = {
+    onMdsDetailsChange: EventName<CustomEvent<boolean>>;
+};
+export declare const MdsDetails: StencilReactComponent<MdsDetailsElement, MdsDetailsEvents>;
+type MdsDropdownEvents = {
+    onMdsDropdownVisible: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
+    onMdsDropdownHide: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
+    onMdsDropdownChange: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
+};
+export declare const MdsDropdown: StencilReactComponent<MdsDropdownElement, MdsDropdownEvents>;
+type MdsEntityEvents = NonNullable<unknown>;
+export declare const MdsEntity: StencilReactComponent<MdsEntityElement, MdsEntityEvents>;
+type MdsFileEvents = {
+    onMdsFileDownload: EventName<MdsFileCustomEvent<MdsFileEventDetail>>;
+};
+export declare const MdsFile: StencilReactComponent<MdsFileElement, MdsFileEvents>;
+type MdsFilePreviewEvents = {
+    onMdsFileDownload: EventName<MdsFilePreviewCustomEvent<MdsFilePreviewEventDetail>>;
+    onMdsFileDelete: EventName<MdsFilePreviewCustomEvent<MdsFilePreviewEventDetail>>;
+};
+export declare const MdsFilePreview: StencilReactComponent<MdsFilePreviewElement, MdsFilePreviewEvents>;
+type MdsFilterEvents = {
+    onMdsFilterChange: EventName<MdsFilterCustomEvent<MdsFilterEventDetail>>;
+};
+export declare const MdsFilter: StencilReactComponent<MdsFilterElement, MdsFilterEvents>;
+type MdsFilterItemEvents = {
+    onMdsFilterItemSelect: EventName<MdsFilterItemCustomEvent<MdsFilterItemEventDetail>>;
+};
+export declare const MdsFilterItem: StencilReactComponent<MdsFilterItemElement, MdsFilterItemEvents>;
+type MdsHeaderEvents = {
+    onMdsHeaderClose: EventName<MdsHeaderCustomEvent<MdsHeaderEventDetail>>;
+};
+export declare const MdsHeader: StencilReactComponent<MdsHeaderElement, MdsHeaderEvents>;
+type MdsHeaderBarEvents = {
+    onMdsHeaderBarOpen: EventName<CustomEvent<void>>;
+};
+export declare const MdsHeaderBar: StencilReactComponent<MdsHeaderBarElement, MdsHeaderBarEvents>;
+type MdsHelpEvents = NonNullable<unknown>;
+export declare const MdsHelp: StencilReactComponent<MdsHelpElement, MdsHelpEvents>;
+type MdsHorizontalScrollEvents = NonNullable<unknown>;
+export declare const MdsHorizontalScroll: StencilReactComponent<MdsHorizontalScrollElement, MdsHorizontalScrollEvents>;
+type MdsHrEvents = NonNullable<unknown>;
+export declare const MdsHr: StencilReactComponent<MdsHrElement, MdsHrEvents>;
+type MdsIconEvents = NonNullable<unknown>;
+export declare const MdsIcon: StencilReactComponent<MdsIconElement, MdsIconEvents>;
+type MdsImgEvents = {
+    onMdsImgLoadError: EventName<MdsImgCustomEvent<MdsImgEventDetail>>;
+    onMdsImgLoadSuccess: EventName<MdsImgCustomEvent<MdsImgEventDetail>>;
+};
+export declare const MdsImg: StencilReactComponent<MdsImgElement, MdsImgEvents>;
+type MdsInputEvents = {
+    onMdsInputChange: EventName<MdsInputCustomEvent<MdsInputEventDetail>>;
+    onMdsInputKeydown: EventName<MdsInputCustomEvent<KeyboardEvent>>;
+    onMdsInputBlur: EventName<CustomEvent<void>>;
+    onMdsInputFocus: EventName<CustomEvent<void>>;
+};
+export declare const MdsInput: StencilReactComponent<MdsInputElement, MdsInputEvents>;
+type MdsInputFieldEvents = {
+    onMdsInputFieldChange: EventName<MdsInputFieldCustomEvent<MdsInputEventDetail>>;
+    onMdsInputFieldKeydown: EventName<MdsInputFieldCustomEvent<KeyboardEvent>>;
+    onMdsInputFieldBlur: EventName<CustomEvent<void>>;
+    onMdsInputFieldFocus: EventName<CustomEvent<void>>;
+};
+export declare const MdsInputField: StencilReactComponent<MdsInputFieldElement, MdsInputFieldEvents>;
+type MdsInputRangeEvents = {
+    onMdsInputRangeChange: EventName<CustomEvent<number>>;
+};
+export declare const MdsInputRange: StencilReactComponent<MdsInputRangeElement, MdsInputRangeEvents>;
+type MdsInputSelectEvents = {
+    onMdsInputSelectChange: EventName<MdsInputSelectCustomEvent<InputValue>>;
+};
+export declare const MdsInputSelect: StencilReactComponent<MdsInputSelectElement, MdsInputSelectEvents>;
+type MdsInputSwitchEvents = {
+    onMdsInputSwitchChange: EventName<MdsInputSwitchCustomEvent<MdsInputSwitchEventDetail>>;
+};
+export declare const MdsInputSwitch: StencilReactComponent<MdsInputSwitchElement, MdsInputSwitchEvents>;
+type MdsInputTipEvents = NonNullable<unknown>;
+export declare const MdsInputTip: StencilReactComponent<MdsInputTipElement, MdsInputTipEvents>;
+type MdsInputTipItemEvents = NonNullable<unknown>;
+export declare const MdsInputTipItem: StencilReactComponent<MdsInputTipItemElement, MdsInputTipItemEvents>;
+type MdsInputUploadEvents = {
+    onMdsInputUploadChange: EventName<MdsInputUploadCustomEvent<FileList | null>>;
+};
+export declare const MdsInputUpload: StencilReactComponent<MdsInputUploadElement, MdsInputUploadEvents>;
+type MdsKpiEvents = NonNullable<unknown>;
+export declare const MdsKpi: StencilReactComponent<MdsKpiElement, MdsKpiEvents>;
+type MdsKpiItemEvents = NonNullable<unknown>;
+export declare const MdsKpiItem: StencilReactComponent<MdsKpiItemElement, MdsKpiItemEvents>;
+type MdsLabelEvents = {
+    onMdsLabelDelete: EventName<CustomEvent<void>>;
+};
+export declare const MdsLabel: StencilReactComponent<MdsLabelElement, MdsLabelEvents>;
+type MdsListEvents = NonNullable<unknown>;
+export declare const MdsList: StencilReactComponent<MdsListElement, MdsListEvents>;
+type MdsListItemEvents = NonNullable<unknown>;
+export declare const MdsListItem: StencilReactComponent<MdsListItemElement, MdsListItemEvents>;
+type MdsModalEvents = {
+    onMdsModalClose: EventName<CustomEvent<void>>;
+    onMdsModalHide: EventName<CustomEvent<void>>;
+};
+export declare const MdsModal: StencilReactComponent<MdsModalElement, MdsModalEvents>;
+type MdsNoteEvents = {
+    onMdsNoteDelete: EventName<CustomEvent<void>>;
+};
+export declare const MdsNote: StencilReactComponent<MdsNoteElement, MdsNoteEvents>;
+type MdsNotificationEvents = NonNullable<unknown>;
+export declare const MdsNotification: StencilReactComponent<MdsNotificationElement, MdsNotificationEvents>;
+type MdsPaginatorEvents = {
+    onMdsPaginatorChange: EventName<MdsPaginatorCustomEvent<MdsPaginatorEventDetail>>;
+};
+export declare const MdsPaginator: StencilReactComponent<MdsPaginatorElement, MdsPaginatorEvents>;
+type MdsPaginatorItemEvents = NonNullable<unknown>;
+export declare const MdsPaginatorItem: StencilReactComponent<MdsPaginatorItemElement, MdsPaginatorItemEvents>;
+type MdsPrefEvents = NonNullable<unknown>;
+export declare const MdsPref: StencilReactComponent<MdsPrefElement, MdsPrefEvents>;
+type MdsPrefAnimationEvents = {
+    onMdsPrefChange: EventName<MdsPrefAnimationCustomEvent<MdsPrefChangeEventDetail>>;
+};
+export declare const MdsPrefAnimation: StencilReactComponent<MdsPrefAnimationElement, MdsPrefAnimationEvents>;
+type MdsPrefConsumptionEvents = {
+    onMdsPrefChange: EventName<MdsPrefConsumptionCustomEvent<MdsPrefChangeEventDetail>>;
+};
+export declare const MdsPrefConsumption: StencilReactComponent<MdsPrefConsumptionElement, MdsPrefConsumptionEvents>;
+type MdsPrefContrastEvents = {
+    onMdsPrefChange: EventName<MdsPrefContrastCustomEvent<MdsPrefChangeEventDetail>>;
+};
+export declare const MdsPrefContrast: StencilReactComponent<MdsPrefContrastElement, MdsPrefContrastEvents>;
+type MdsPrefLanguageEvents = {
+    onMdsPrefLanguageChange: EventName<MdsPrefLanguageCustomEvent<MdsPrefLanguageEventDetail>>;
+    onMdsPrefChange: EventName<MdsPrefLanguageCustomEvent<MdsPrefChangeEventDetail>>;
+};
+export declare const MdsPrefLanguage: StencilReactComponent<MdsPrefLanguageElement, MdsPrefLanguageEvents>;
+type MdsPrefLanguageItemEvents = {
+    onMdsPrefLanguageItemSelect: EventName<MdsPrefLanguageItemCustomEvent<MdsPrefLanguageEventDetail>>;
+};
+export declare const MdsPrefLanguageItem: StencilReactComponent<MdsPrefLanguageItemElement, MdsPrefLanguageItemEvents>;
+type MdsPrefLanguageNavEvents = {
+    onMdsPrefLanguageNavSelect: EventName<MdsPrefLanguageNavCustomEvent<MdsPrefLanguageEventDetail>>;
+};
+export declare const MdsPrefLanguageNav: StencilReactComponent<MdsPrefLanguageNavElement, MdsPrefLanguageNavEvents>;
+type MdsPrefThemeEvents = {
+    onMdsPrefChange: EventName<MdsPrefThemeCustomEvent<MdsPrefChangeEventDetail>>;
+};
+export declare const MdsPrefTheme: StencilReactComponent<MdsPrefThemeElement, MdsPrefThemeEvents>;
+type MdsPriceTableEvents = NonNullable<unknown>;
+export declare const MdsPriceTable: StencilReactComponent<MdsPriceTableElement, MdsPriceTableEvents>;
+type MdsPriceTableFeaturesEvents = NonNullable<unknown>;
+export declare const MdsPriceTableFeatures: StencilReactComponent<MdsPriceTableFeaturesElement, MdsPriceTableFeaturesEvents>;
+type MdsPriceTableFeaturesCellEvents = NonNullable<unknown>;
+export declare const MdsPriceTableFeaturesCell: StencilReactComponent<MdsPriceTableFeaturesCellElement, MdsPriceTableFeaturesCellEvents>;
+type MdsPriceTableFeaturesRowEvents = NonNullable<unknown>;
+export declare const MdsPriceTableFeaturesRow: StencilReactComponent<MdsPriceTableFeaturesRowElement, MdsPriceTableFeaturesRowEvents>;
+type MdsPriceTableHeaderEvents = NonNullable<unknown>;
+export declare const MdsPriceTableHeader: StencilReactComponent<MdsPriceTableHeaderElement, MdsPriceTableHeaderEvents>;
+type MdsPriceTableListEvents = NonNullable<unknown>;
+export declare const MdsPriceTableList: StencilReactComponent<MdsPriceTableListElement, MdsPriceTableListEvents>;
+type MdsPriceTableListItemEvents = NonNullable<unknown>;
+export declare const MdsPriceTableListItem: StencilReactComponent<MdsPriceTableListItemElement, MdsPriceTableListItemEvents>;
+type MdsProgressEvents = NonNullable<unknown>;
+export declare const MdsProgress: StencilReactComponent<MdsProgressElement, MdsProgressEvents>;
+type MdsPushNotificationEvents = {
+    onMdsPushNotificationClose: EventName<MdsPushNotificationCustomEvent<MdsPushNotificationEventDetail>>;
+};
+export declare const MdsPushNotification: StencilReactComponent<MdsPushNotificationElement, MdsPushNotificationEvents>;
+type MdsPushNotificationsEvents = NonNullable<unknown>;
+export declare const MdsPushNotifications: StencilReactComponent<MdsPushNotificationsElement, MdsPushNotificationsEvents>;
+type MdsQuoteEvents = NonNullable<unknown>;
+export declare const MdsQuote: StencilReactComponent<MdsQuoteElement, MdsQuoteEvents>;
+type MdsSeparatorEvents = NonNullable<unknown>;
+export declare const MdsSeparator: StencilReactComponent<MdsSeparatorElement, MdsSeparatorEvents>;
+type MdsSpinnerEvents = NonNullable<unknown>;
+export declare const MdsSpinner: StencilReactComponent<MdsSpinnerElement, MdsSpinnerEvents>;
+type MdsStepperBarEvents = {
+    onMdsStepperBarChange: EventName<MdsStepperBarCustomEvent<MdsStepperBarEventDetail>>;
+};
+export declare const MdsStepperBar: StencilReactComponent<MdsStepperBarElement, MdsStepperBarEvents>;
+type MdsStepperBarItemEvents = {
+    onMdsStepperBarItemDone: EventName<MdsStepperBarItemCustomEvent<MdsStepperBarItemEventDetail>>;
+};
+export declare const MdsStepperBarItem: StencilReactComponent<MdsStepperBarItemElement, MdsStepperBarItemEvents>;
+type MdsTabEvents = {
+    onMdsTabChange: EventName<MdsTabCustomEvent<MdsTabEventDetail>>;
+};
+export declare const MdsTab: StencilReactComponent<MdsTabElement, MdsTabEvents>;
+type MdsTabBarEvents = {
+    onMdsTabBarChange: EventName<MdsTabBarCustomEvent<MdsTabBarEventDetail>>;
+};
+export declare const MdsTabBar: StencilReactComponent<MdsTabBarElement, MdsTabBarEvents>;
+type MdsTabBarItemEvents = {
+    onMdsTabBarItemSelect: EventName<CustomEvent<string>>;
+};
+export declare const MdsTabBarItem: StencilReactComponent<MdsTabBarItemElement, MdsTabBarItemEvents>;
+type MdsTabItemEvents = {
+    onMdsTabItemSelect: EventName<MdsTabItemCustomEvent<MdsTabItemEventDetail>>;
+    onMdsTabItemFocus: EventName<MdsTabItemCustomEvent<MdsTabItemEventDetail>>;
+};
+export declare const MdsTabItem: StencilReactComponent<MdsTabItemElement, MdsTabItemEvents>;
+type MdsTableEvents = {
+    onMdsTableInteractiveChange: EventName<CustomEvent<boolean>>;
+};
+export declare const MdsTable: StencilReactComponent<MdsTableElement, MdsTableEvents>;
+type MdsTableBodyEvents = NonNullable<unknown>;
+export declare const MdsTableBody: StencilReactComponent<MdsTableBodyElement, MdsTableBodyEvents>;
+type MdsTableCellEvents = NonNullable<unknown>;
+export declare const MdsTableCell: StencilReactComponent<MdsTableCellElement, MdsTableCellEvents>;
+type MdsTableFooterEvents = NonNullable<unknown>;
+export declare const MdsTableFooter: StencilReactComponent<MdsTableFooterElement, MdsTableFooterEvents>;
+type MdsTableHeaderEvents = NonNullable<unknown>;
+export declare const MdsTableHeader: StencilReactComponent<MdsTableHeaderElement, MdsTableHeaderEvents>;
+type MdsTableHeaderCellEvents = NonNullable<unknown>;
+export declare const MdsTableHeaderCell: StencilReactComponent<MdsTableHeaderCellElement, MdsTableHeaderCellEvents>;
+type MdsTableRowEvents = NonNullable<unknown>;
+export declare const MdsTableRow: StencilReactComponent<MdsTableRowElement, MdsTableRowEvents>;
+type MdsTextEvents = NonNullable<unknown>;
+export declare const MdsText: StencilReactComponent<MdsTextElement, MdsTextEvents>;
+type MdsToastEvents = {
+    onMdsToastClose: EventName<CustomEvent<void>>;
+};
+export declare const MdsToast: StencilReactComponent<MdsToastElement, MdsToastEvents>;
+type MdsTooltipEvents = NonNullable<unknown>;
+export declare const MdsTooltip: StencilReactComponent<MdsTooltipElement, MdsTooltipEvents>;
+type MdsUrlViewEvents = {
+    onMdsUrlViewClose: EventName<CustomEvent<void>>;
+};
+export declare const MdsUrlView: StencilReactComponent<MdsUrlViewElement, MdsUrlViewEvents>;
+type MdsUsageEvents = NonNullable<unknown>;
+export declare const MdsUsage: StencilReactComponent<MdsUsageElement, MdsUsageEvents>;
+type MdsVideoWallEvents = NonNullable<unknown>;
+export declare const MdsVideoWall: StencilReactComponent<MdsVideoWallElement, MdsVideoWallEvents>;
+type MdsZeroEvents = NonNullable<unknown>;
+export declare const MdsZero: StencilReactComponent<MdsZeroElement, MdsZeroEvents>;
+export {};

package/package.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "name": "@maggioli-design-system/magma-react",
+  "version": "1.0.0-beta",
+  "main": "dist/components.js",
+  "module": "dist/components.js",
+  "types": "dist/types/components.d.ts",
+  "scripts": {
+    "build": "npm run tsc",
+    "tsc": "tsc -p . --outDir ./dist"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@maggioli-design-system/magma": "1.0.0-beta",
+    "@stencil/react-output-target": "0.7.4"
+  },
+  "devDependencies": {
+    "typescript": "5.6.3"
+  }
+}