@maggioli-design-system/magma-react 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/components.js

@@ -1,4 +1,6 @@
 '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";
@@ -113,8 +115,6 @@ import { MdsUrlView as MdsUrlViewElement, defineCustomElement as defineMdsUrlVie
 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,
@@ -267,6 +267,8 @@ export const MdsCalendar = /*@__PURE__*/ createComponent({
     react: React,
     events: {
         onMdsCalendarChange: 'mdsCalendarChange',
+        onMdsCalendarNavigate: 'mdsCalendarNavigate',
+        onMdsCalendarHover: 'mdsCalendarHover',
         onMdsCalendarPreselect: 'mdsCalendarPreselect'
     },
     defineCustomElement: defineMdsCalendar
@@ -495,10 +497,7 @@ export const MdsInputDateRange = /*@__PURE__*/ createComponent({
     elementClass: MdsInputDateRangeElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {
-        onMdsInputDateRangeSelect: 'mdsInputDateRangeSelect',
-        onMdsInputDateRangeValueChange: 'mdsInputDateRangeValueChange'
-    },
+    events: { onMdsInputDateRangeValueChange: 'mdsInputDateRangeValueChange' },
     defineCustomElement: defineMdsInputDateRange
 });
 export const MdsInputDateRangePreselection = /*@__PURE__*/ createComponent({

package/dist/types/components.d.ts

@@ -2,7 +2,9 @@
  * 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 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 MdsHeaderVisibilityEventDetail, type MdsImgCustomEvent, type MdsImgEventDetail, type MdsInputCustomEvent, type MdsInputEventDetail, 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 MdsPrefThemeCustomEvent, type MdsPrefThemeVariantCustomEvent, type MdsPrefThemeVariantEventDetail, type MdsPrefThemeVariantItemCustomEvent, type MdsPushNotificationCustomEvent, type MdsPushNotificationEventDetail, type MdsPushNotificationItemCustomEvent, type MdsPushNotificationItemEventDetail, type MdsStepperBarCustomEvent, type MdsStepperBarEventDetail, type MdsStepperBarItemCustomEvent, type MdsStepperBarItemEventDetail, type MdsTabBarCustomEvent, type MdsTabBarEventDetail, type MdsTabCustomEvent, type MdsTabEventDetail, type MdsTabItemCustomEvent, type MdsTabItemEventDetail, type MdsTableCustomEvent, type MdsTableSelectionEventDetail, type MdsTreeItemCustomEvent, type MdsTreeItemEventDetail } from "@maggioli-design-system/magma";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type MdsAccordionCustomEvent, type MdsAccordionEventDetail, type MdsAccordionItemCustomEvent, type MdsAccordionItemEventDetail, type MdsAccordionTimerCustomEvent, type MdsAccordionTimerEventDetail, type MdsAccordionTimerItemCustomEvent, type MdsAccordionTimerItemEventDetail, type MdsBannerCustomEvent, type MdsBreadcrumbCustomEvent, type MdsBreadcrumbEventDetail, type MdsBreadcrumbItemCustomEvent, type MdsBreadcrumbItemEventDetail, type MdsCalendarCustomEvent, type MdsChipCustomEvent, type MdsChipEvent, type MdsDetailsCustomEvent, type MdsDropdownCustomEvent, type MdsDropdownEventDetail, type MdsFileCustomEvent, type MdsFileEventDetail, type MdsFilePreviewCustomEvent, type MdsFilePreviewEventDetail, type MdsFilterCustomEvent, type MdsFilterEventDetail, type MdsFilterItemCustomEvent, type MdsFilterItemEventDetail, type MdsHeaderBarCustomEvent, type MdsHeaderCustomEvent, type MdsHeaderEventDetail, type MdsHeaderVisibilityEventDetail, type MdsImgCustomEvent, type MdsImgEventDetail, type MdsInputCustomEvent, type MdsInputDateCustomEvent, type MdsInputDateRangeCustomEvent, type MdsInputEventDetail, type MdsInputRangeCustomEvent, type MdsInputSelectCustomEvent, type MdsInputSwitchCustomEvent, type MdsInputSwitchEventDetail, type MdsInputUploadCustomEvent, type MdsLabelCustomEvent, type MdsModalCustomEvent, type MdsNoteCustomEvent, type MdsPaginatorCustomEvent, type MdsPaginatorEventDetail, type MdsPrefAnimationCustomEvent, type MdsPrefChangeEventDetail, type MdsPrefConsumptionCustomEvent, type MdsPrefContrastCustomEvent, type MdsPrefLanguageCustomEvent, type MdsPrefLanguageEventDetail, type MdsPrefLanguageItemCustomEvent, type MdsPrefThemeCustomEvent, type MdsPrefThemeVariantCustomEvent, type MdsPrefThemeVariantEventDetail, type MdsPrefThemeVariantItemCustomEvent, type MdsPushNotificationCustomEvent, type MdsPushNotificationEventDetail, type MdsPushNotificationItemCustomEvent, type MdsPushNotificationItemEventDetail, type MdsStepperBarCustomEvent, type MdsStepperBarEventDetail, type MdsStepperBarItemCustomEvent, type MdsStepperBarItemEventDetail, type MdsTabBarCustomEvent, type MdsTabBarEventDetail, type MdsTabBarItemCustomEvent, type MdsTabCustomEvent, type MdsTabEventDetail, type MdsTabItemCustomEvent, type MdsTabItemEventDetail, type MdsTableCustomEvent, type MdsTableSelectionEventDetail, type MdsToastCustomEvent, type MdsTreeItemCustomEvent, type MdsTreeItemEventDetail, type MdsUrlViewCustomEvent } from "@maggioli-design-system/magma";
+import type { Components } from "@maggioli-design-system/magma/dist/components";
 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";
@@ -117,368 +119,370 @@ import { MdsUrlView as MdsUrlViewElement } from "@maggioli-design-system/magma/d
 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';
 export type MdsAccordionEvents = {
     onMdsAccordionChange: EventName<MdsAccordionCustomEvent<MdsAccordionEventDetail>>;
 };
-export declare const MdsAccordion: StencilReactComponent<MdsAccordionElement, MdsAccordionEvents>;
+export declare const MdsAccordion: StencilReactComponent<MdsAccordionElement, MdsAccordionEvents, Components.MdsAccordion>;
 export type MdsAccordionItemEvents = {
     onMdsAccordionItemSelect: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
     onMdsAccordionItemUnselect: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
     onMdsAccordionItemChange: EventName<MdsAccordionItemCustomEvent<MdsAccordionItemEventDetail>>;
 };
-export declare const MdsAccordionItem: StencilReactComponent<MdsAccordionItemElement, MdsAccordionItemEvents>;
+export declare const MdsAccordionItem: StencilReactComponent<MdsAccordionItemElement, MdsAccordionItemEvents, Components.MdsAccordionItem>;
 export type MdsAccordionTimerEvents = {
     onMdsAccordionTimerChange: EventName<MdsAccordionTimerCustomEvent<MdsAccordionTimerEventDetail>>;
 };
-export declare const MdsAccordionTimer: StencilReactComponent<MdsAccordionTimerElement, MdsAccordionTimerEvents>;
+export declare const MdsAccordionTimer: StencilReactComponent<MdsAccordionTimerElement, MdsAccordionTimerEvents, Components.MdsAccordionTimer>;
 export 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>;
+export declare const MdsAccordionTimerItem: StencilReactComponent<MdsAccordionTimerItemElement, MdsAccordionTimerItemEvents, Components.MdsAccordionTimerItem>;
 export type MdsAuthorEvents = NonNullable<unknown>;
-export declare const MdsAuthor: StencilReactComponent<MdsAuthorElement, MdsAuthorEvents>;
+export declare const MdsAuthor: StencilReactComponent<MdsAuthorElement, MdsAuthorEvents, Components.MdsAuthor>;
 export type MdsAvatarEvents = NonNullable<unknown>;
-export declare const MdsAvatar: StencilReactComponent<MdsAvatarElement, MdsAvatarEvents>;
+export declare const MdsAvatar: StencilReactComponent<MdsAvatarElement, MdsAvatarEvents, Components.MdsAvatar>;
 export type MdsAvatarStackEvents = NonNullable<unknown>;
-export declare const MdsAvatarStack: StencilReactComponent<MdsAvatarStackElement, MdsAvatarStackEvents>;
+export declare const MdsAvatarStack: StencilReactComponent<MdsAvatarStackElement, MdsAvatarStackEvents, Components.MdsAvatarStack>;
 export type MdsAvatarStackItemEvents = NonNullable<unknown>;
-export declare const MdsAvatarStackItem: StencilReactComponent<MdsAvatarStackItemElement, MdsAvatarStackItemEvents>;
+export declare const MdsAvatarStackItem: StencilReactComponent<MdsAvatarStackItemElement, MdsAvatarStackItemEvents, Components.MdsAvatarStackItem>;
 export type MdsBadgeEvents = NonNullable<unknown>;
-export declare const MdsBadge: StencilReactComponent<MdsBadgeElement, MdsBadgeEvents>;
+export declare const MdsBadge: StencilReactComponent<MdsBadgeElement, MdsBadgeEvents, Components.MdsBadge>;
 export type MdsBannerEvents = {
-    onMdsBannerClose: EventName<CustomEvent<void>>;
+    onMdsBannerClose: EventName<MdsBannerCustomEvent<void>>;
 };
-export declare const MdsBanner: StencilReactComponent<MdsBannerElement, MdsBannerEvents>;
+export declare const MdsBanner: StencilReactComponent<MdsBannerElement, MdsBannerEvents, Components.MdsBanner>;
 export type MdsBenchmarkBarEvents = NonNullable<unknown>;
-export declare const MdsBenchmarkBar: StencilReactComponent<MdsBenchmarkBarElement, MdsBenchmarkBarEvents>;
+export declare const MdsBenchmarkBar: StencilReactComponent<MdsBenchmarkBarElement, MdsBenchmarkBarEvents, Components.MdsBenchmarkBar>;
 export type MdsBibliographyEvents = NonNullable<unknown>;
-export declare const MdsBibliography: StencilReactComponent<MdsBibliographyElement, MdsBibliographyEvents>;
+export declare const MdsBibliography: StencilReactComponent<MdsBibliographyElement, MdsBibliographyEvents, Components.MdsBibliography>;
 export type MdsBreadcrumbEvents = {
     onMdsBreadcrumbChange: EventName<MdsBreadcrumbCustomEvent<MdsBreadcrumbEventDetail>>;
 };
-export declare const MdsBreadcrumb: StencilReactComponent<MdsBreadcrumbElement, MdsBreadcrumbEvents>;
+export declare const MdsBreadcrumb: StencilReactComponent<MdsBreadcrumbElement, MdsBreadcrumbEvents, Components.MdsBreadcrumb>;
 export type MdsBreadcrumbItemEvents = {
     onMdsBreadcrumbItemSelect: EventName<MdsBreadcrumbItemCustomEvent<MdsBreadcrumbItemEventDetail>>;
 };
-export declare const MdsBreadcrumbItem: StencilReactComponent<MdsBreadcrumbItemElement, MdsBreadcrumbItemEvents>;
+export declare const MdsBreadcrumbItem: StencilReactComponent<MdsBreadcrumbItemElement, MdsBreadcrumbItemEvents, Components.MdsBreadcrumbItem>;
 export type MdsButtonEvents = NonNullable<unknown>;
-export declare const MdsButton: StencilReactComponent<MdsButtonElement, MdsButtonEvents>;
+export declare const MdsButton: StencilReactComponent<MdsButtonElement, MdsButtonEvents, Components.MdsButton>;
 export type MdsButtonDropdownEvents = NonNullable<unknown>;
-export declare const MdsButtonDropdown: StencilReactComponent<MdsButtonDropdownElement, MdsButtonDropdownEvents>;
+export declare const MdsButtonDropdown: StencilReactComponent<MdsButtonDropdownElement, MdsButtonDropdownEvents, Components.MdsButtonDropdown>;
 export type MdsButtonGroupEvents = NonNullable<unknown>;
-export declare const MdsButtonGroup: StencilReactComponent<MdsButtonGroupElement, MdsButtonGroupEvents>;
+export declare const MdsButtonGroup: StencilReactComponent<MdsButtonGroupElement, MdsButtonGroupEvents, Components.MdsButtonGroup>;
 export type MdsCalendarEvents = {
-    onMdsCalendarChange: EventName<CustomEvent<{
+    onMdsCalendarChange: EventName<MdsCalendarCustomEvent<{
         startDate: string;
         endDate?: string;
     }>>;
-    onMdsCalendarPreselect: EventName<CustomEvent<void>>;
+    onMdsCalendarNavigate: EventName<MdsCalendarCustomEvent<{
+        currentDate: string;
+        delta: number;
+    }>>;
+    onMdsCalendarHover: EventName<MdsCalendarCustomEvent<{
+        hoverDate: string | null;
+    }>>;
+    onMdsCalendarPreselect: EventName<MdsCalendarCustomEvent<void>>;
 };
-export declare const MdsCalendar: StencilReactComponent<MdsCalendarElement, MdsCalendarEvents>;
+export declare const MdsCalendar: StencilReactComponent<MdsCalendarElement, MdsCalendarEvents, Components.MdsCalendar>;
 export type MdsCalendarCellEvents = NonNullable<unknown>;
-export declare const MdsCalendarCell: StencilReactComponent<MdsCalendarCellElement, MdsCalendarCellEvents>;
+export declare const MdsCalendarCell: StencilReactComponent<MdsCalendarCellElement, MdsCalendarCellEvents, Components.MdsCalendarCell>;
 export type MdsCardEvents = NonNullable<unknown>;
-export declare const MdsCard: StencilReactComponent<MdsCardElement, MdsCardEvents>;
+export declare const MdsCard: StencilReactComponent<MdsCardElement, MdsCardEvents, Components.MdsCard>;
 export type MdsCardContentEvents = NonNullable<unknown>;
-export declare const MdsCardContent: StencilReactComponent<MdsCardContentElement, MdsCardContentEvents>;
+export declare const MdsCardContent: StencilReactComponent<MdsCardContentElement, MdsCardContentEvents, Components.MdsCardContent>;
 export type MdsCardFooterEvents = NonNullable<unknown>;
-export declare const MdsCardFooter: StencilReactComponent<MdsCardFooterElement, MdsCardFooterEvents>;
+export declare const MdsCardFooter: StencilReactComponent<MdsCardFooterElement, MdsCardFooterEvents, Components.MdsCardFooter>;
 export type MdsCardHeaderEvents = NonNullable<unknown>;
-export declare const MdsCardHeader: StencilReactComponent<MdsCardHeaderElement, MdsCardHeaderEvents>;
+export declare const MdsCardHeader: StencilReactComponent<MdsCardHeaderElement, MdsCardHeaderEvents, Components.MdsCardHeader>;
 export type MdsCardMediaEvents = NonNullable<unknown>;
-export declare const MdsCardMedia: StencilReactComponent<MdsCardMediaElement, MdsCardMediaEvents>;
+export declare const MdsCardMedia: StencilReactComponent<MdsCardMediaElement, MdsCardMediaEvents, Components.MdsCardMedia>;
 export type MdsChipEvents = {
     onMdsChipClickLabel: EventName<MdsChipCustomEvent<MdsChipEvent>>;
     onMdsChipDelete: EventName<MdsChipCustomEvent<MdsChipEvent>>;
     onMdsChipSelect: EventName<MdsChipCustomEvent<MdsChipEvent>>;
 };
-export declare const MdsChip: StencilReactComponent<MdsChipElement, MdsChipEvents>;
+export declare const MdsChip: StencilReactComponent<MdsChipElement, MdsChipEvents, Components.MdsChip>;
 export type MdsDetailsEvents = {
-    onMdsDetailsChange: EventName<CustomEvent<boolean>>;
+    onMdsDetailsChange: EventName<MdsDetailsCustomEvent<boolean>>;
 };
-export declare const MdsDetails: StencilReactComponent<MdsDetailsElement, MdsDetailsEvents>;
+export declare const MdsDetails: StencilReactComponent<MdsDetailsElement, MdsDetailsEvents, Components.MdsDetails>;
 export type MdsDropdownEvents = {
     onMdsDropdownVisible: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
     onMdsDropdownHide: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
     onMdsDropdownChange: EventName<MdsDropdownCustomEvent<MdsDropdownEventDetail>>;
 };
-export declare const MdsDropdown: StencilReactComponent<MdsDropdownElement, MdsDropdownEvents>;
+export declare const MdsDropdown: StencilReactComponent<MdsDropdownElement, MdsDropdownEvents, Components.MdsDropdown>;
 export type MdsEmojiEvents = NonNullable<unknown>;
-export declare const MdsEmoji: StencilReactComponent<MdsEmojiElement, MdsEmojiEvents>;
+export declare const MdsEmoji: StencilReactComponent<MdsEmojiElement, MdsEmojiEvents, Components.MdsEmoji>;
 export type MdsEntityEvents = NonNullable<unknown>;
-export declare const MdsEntity: StencilReactComponent<MdsEntityElement, MdsEntityEvents>;
+export declare const MdsEntity: StencilReactComponent<MdsEntityElement, MdsEntityEvents, Components.MdsEntity>;
 export type MdsFileEvents = {
     onMdsFileDownload: EventName<MdsFileCustomEvent<MdsFileEventDetail>>;
 };
-export declare const MdsFile: StencilReactComponent<MdsFileElement, MdsFileEvents>;
+export declare const MdsFile: StencilReactComponent<MdsFileElement, MdsFileEvents, Components.MdsFile>;
 export type MdsFilePreviewEvents = {
     onMdsFileDownload: EventName<MdsFilePreviewCustomEvent<MdsFilePreviewEventDetail>>;
     onMdsFileDelete: EventName<MdsFilePreviewCustomEvent<MdsFilePreviewEventDetail>>;
 };
-export declare const MdsFilePreview: StencilReactComponent<MdsFilePreviewElement, MdsFilePreviewEvents>;
+export declare const MdsFilePreview: StencilReactComponent<MdsFilePreviewElement, MdsFilePreviewEvents, Components.MdsFilePreview>;
 export type MdsFilterEvents = {
     onMdsFilterChange: EventName<MdsFilterCustomEvent<MdsFilterEventDetail>>;
 };
-export declare const MdsFilter: StencilReactComponent<MdsFilterElement, MdsFilterEvents>;
+export declare const MdsFilter: StencilReactComponent<MdsFilterElement, MdsFilterEvents, Components.MdsFilter>;
 export type MdsFilterItemEvents = {
     onMdsFilterItemSelect: EventName<MdsFilterItemCustomEvent<MdsFilterItemEventDetail>>;
 };
-export declare const MdsFilterItem: StencilReactComponent<MdsFilterItemElement, MdsFilterItemEvents>;
+export declare const MdsFilterItem: StencilReactComponent<MdsFilterItemElement, MdsFilterItemEvents, Components.MdsFilterItem>;
 export type MdsHeaderEvents = {
     onMdsHeaderClose: EventName<MdsHeaderCustomEvent<MdsHeaderEventDetail>>;
     onMdsHeaderVisibilityChange: EventName<MdsHeaderCustomEvent<MdsHeaderVisibilityEventDetail>>;
 };
-export declare const MdsHeader: StencilReactComponent<MdsHeaderElement, MdsHeaderEvents>;
+export declare const MdsHeader: StencilReactComponent<MdsHeaderElement, MdsHeaderEvents, Components.MdsHeader>;
 export type MdsHeaderBarEvents = {
-    onMdsHeaderBarOpen: EventName<CustomEvent<void>>;
+    onMdsHeaderBarOpen: EventName<MdsHeaderBarCustomEvent<void>>;
 };
-export declare const MdsHeaderBar: StencilReactComponent<MdsHeaderBarElement, MdsHeaderBarEvents>;
+export declare const MdsHeaderBar: StencilReactComponent<MdsHeaderBarElement, MdsHeaderBarEvents, Components.MdsHeaderBar>;
 export type MdsHelpEvents = NonNullable<unknown>;
-export declare const MdsHelp: StencilReactComponent<MdsHelpElement, MdsHelpEvents>;
+export declare const MdsHelp: StencilReactComponent<MdsHelpElement, MdsHelpEvents, Components.MdsHelp>;
 export type MdsHorizontalScrollEvents = NonNullable<unknown>;
-export declare const MdsHorizontalScroll: StencilReactComponent<MdsHorizontalScrollElement, MdsHorizontalScrollEvents>;
+export declare const MdsHorizontalScroll: StencilReactComponent<MdsHorizontalScrollElement, MdsHorizontalScrollEvents, Components.MdsHorizontalScroll>;
 export type MdsHrEvents = NonNullable<unknown>;
-export declare const MdsHr: StencilReactComponent<MdsHrElement, MdsHrEvents>;
+export declare const MdsHr: StencilReactComponent<MdsHrElement, MdsHrEvents, Components.MdsHr>;
 export type MdsIconEvents = NonNullable<unknown>;
-export declare const MdsIcon: StencilReactComponent<MdsIconElement, MdsIconEvents>;
+export declare const MdsIcon: StencilReactComponent<MdsIconElement, MdsIconEvents, Components.MdsIcon>;
 export type MdsImgEvents = {
     onMdsImgLoadError: EventName<MdsImgCustomEvent<MdsImgEventDetail>>;
     onMdsImgLoadSuccess: EventName<MdsImgCustomEvent<MdsImgEventDetail>>;
 };
-export declare const MdsImg: StencilReactComponent<MdsImgElement, MdsImgEvents>;
+export declare const MdsImg: StencilReactComponent<MdsImgElement, MdsImgEvents, Components.MdsImg>;
 export type MdsInputEvents = {
     onMdsInputChange: EventName<MdsInputCustomEvent<MdsInputEventDetail>>;
     onMdsInputKeydown: EventName<MdsInputCustomEvent<KeyboardEvent>>;
-    onMdsInputBlur: EventName<CustomEvent<void>>;
-    onMdsInputFocus: EventName<CustomEvent<void>>;
-    onMdsInputSpeechEnd: EventName<CustomEvent<void>>;
-    onMdsInputValidation: EventName<CustomEvent<boolean>>;
+    onMdsInputBlur: EventName<MdsInputCustomEvent<void>>;
+    onMdsInputFocus: EventName<MdsInputCustomEvent<void>>;
+    onMdsInputSpeechEnd: EventName<MdsInputCustomEvent<void>>;
+    onMdsInputValidation: EventName<MdsInputCustomEvent<boolean>>;
 };
-export declare const MdsInput: StencilReactComponent<MdsInputElement, MdsInputEvents>;
+export declare const MdsInput: StencilReactComponent<MdsInputElement, MdsInputEvents, Components.MdsInput>;
 export type MdsInputDateEvents = {
-    onMdsInputValidation: EventName<CustomEvent<boolean>>;
-    onMdsInputDateSelect: EventName<CustomEvent<string>>;
+    onMdsInputValidation: EventName<MdsInputDateCustomEvent<boolean>>;
+    onMdsInputDateSelect: EventName<MdsInputDateCustomEvent<string>>;
 };
-export declare const MdsInputDate: StencilReactComponent<MdsInputDateElement, MdsInputDateEvents>;
+export declare const MdsInputDate: StencilReactComponent<MdsInputDateElement, MdsInputDateEvents, Components.MdsInputDate>;
 export type MdsInputDateRangeEvents = {
-    onMdsInputDateRangeSelect: EventName<CustomEvent<{
-        startDate: string;
-        endDate: string;
-    }>>;
-    onMdsInputDateRangeValueChange: EventName<CustomEvent<{
+    onMdsInputDateRangeValueChange: EventName<MdsInputDateRangeCustomEvent<{
         startDate: string;
         endDate: string;
     }>>;
 };
-export declare const MdsInputDateRange: StencilReactComponent<MdsInputDateRangeElement, MdsInputDateRangeEvents>;
+export declare const MdsInputDateRange: StencilReactComponent<MdsInputDateRangeElement, MdsInputDateRangeEvents, Components.MdsInputDateRange>;
 export type MdsInputDateRangePreselectionEvents = NonNullable<unknown>;
-export declare const MdsInputDateRangePreselection: StencilReactComponent<MdsInputDateRangePreselectionElement, MdsInputDateRangePreselectionEvents>;
+export declare const MdsInputDateRangePreselection: StencilReactComponent<MdsInputDateRangePreselectionElement, MdsInputDateRangePreselectionEvents, Components.MdsInputDateRangePreselection>;
 export type MdsInputFieldEvents = NonNullable<unknown>;
-export declare const MdsInputField: StencilReactComponent<MdsInputFieldElement, MdsInputFieldEvents>;
+export declare const MdsInputField: StencilReactComponent<MdsInputFieldElement, MdsInputFieldEvents, Components.MdsInputField>;
 export type MdsInputOtpEvents = NonNullable<unknown>;
-export declare const MdsInputOtp: StencilReactComponent<MdsInputOtpElement, MdsInputOtpEvents>;
+export declare const MdsInputOtp: StencilReactComponent<MdsInputOtpElement, MdsInputOtpEvents, Components.MdsInputOtp>;
 export type MdsInputRangeEvents = {
-    onMdsInputRangeChange: EventName<CustomEvent<number>>;
+    onMdsInputRangeChange: EventName<MdsInputRangeCustomEvent<number>>;
 };
-export declare const MdsInputRange: StencilReactComponent<MdsInputRangeElement, MdsInputRangeEvents>;
+export declare const MdsInputRange: StencilReactComponent<MdsInputRangeElement, MdsInputRangeEvents, Components.MdsInputRange>;
 export type MdsInputSelectEvents = {
     onMdsInputSelectChange: EventName<MdsInputSelectCustomEvent<MdsInputEventDetail>>;
 };
-export declare const MdsInputSelect: StencilReactComponent<MdsInputSelectElement, MdsInputSelectEvents>;
+export declare const MdsInputSelect: StencilReactComponent<MdsInputSelectElement, MdsInputSelectEvents, Components.MdsInputSelect>;
 export type MdsInputSwitchEvents = {
     onMdsInputSwitchChange: EventName<MdsInputSwitchCustomEvent<MdsInputSwitchEventDetail>>;
 };
-export declare const MdsInputSwitch: StencilReactComponent<MdsInputSwitchElement, MdsInputSwitchEvents>;
+export declare const MdsInputSwitch: StencilReactComponent<MdsInputSwitchElement, MdsInputSwitchEvents, Components.MdsInputSwitch>;
 export type MdsInputTipEvents = NonNullable<unknown>;
-export declare const MdsInputTip: StencilReactComponent<MdsInputTipElement, MdsInputTipEvents>;
+export declare const MdsInputTip: StencilReactComponent<MdsInputTipElement, MdsInputTipEvents, Components.MdsInputTip>;
 export type MdsInputTipItemEvents = NonNullable<unknown>;
-export declare const MdsInputTipItem: StencilReactComponent<MdsInputTipItemElement, MdsInputTipItemEvents>;
+export declare const MdsInputTipItem: StencilReactComponent<MdsInputTipItemElement, MdsInputTipItemEvents, Components.MdsInputTipItem>;
 export type MdsInputUploadEvents = {
     onMdsInputUploadChange: EventName<MdsInputUploadCustomEvent<FileList | null>>;
 };
-export declare const MdsInputUpload: StencilReactComponent<MdsInputUploadElement, MdsInputUploadEvents>;
+export declare const MdsInputUpload: StencilReactComponent<MdsInputUploadElement, MdsInputUploadEvents, Components.MdsInputUpload>;
 export type MdsKeyboardEvents = NonNullable<unknown>;
-export declare const MdsKeyboard: StencilReactComponent<MdsKeyboardElement, MdsKeyboardEvents>;
+export declare const MdsKeyboard: StencilReactComponent<MdsKeyboardElement, MdsKeyboardEvents, Components.MdsKeyboard>;
 export type MdsKeyboardKeyEvents = NonNullable<unknown>;
-export declare const MdsKeyboardKey: StencilReactComponent<MdsKeyboardKeyElement, MdsKeyboardKeyEvents>;
+export declare const MdsKeyboardKey: StencilReactComponent<MdsKeyboardKeyElement, MdsKeyboardKeyEvents, Components.MdsKeyboardKey>;
 export type MdsKpiEvents = NonNullable<unknown>;
-export declare const MdsKpi: StencilReactComponent<MdsKpiElement, MdsKpiEvents>;
+export declare const MdsKpi: StencilReactComponent<MdsKpiElement, MdsKpiEvents, Components.MdsKpi>;
 export type MdsKpiItemEvents = NonNullable<unknown>;
-export declare const MdsKpiItem: StencilReactComponent<MdsKpiItemElement, MdsKpiItemEvents>;
+export declare const MdsKpiItem: StencilReactComponent<MdsKpiItemElement, MdsKpiItemEvents, Components.MdsKpiItem>;
 export type MdsLabelEvents = {
-    onMdsLabelDelete: EventName<CustomEvent<void>>;
+    onMdsLabelDelete: EventName<MdsLabelCustomEvent<void>>;
 };
-export declare const MdsLabel: StencilReactComponent<MdsLabelElement, MdsLabelEvents>;
+export declare const MdsLabel: StencilReactComponent<MdsLabelElement, MdsLabelEvents, Components.MdsLabel>;
 export type MdsListEvents = NonNullable<unknown>;
-export declare const MdsList: StencilReactComponent<MdsListElement, MdsListEvents>;
+export declare const MdsList: StencilReactComponent<MdsListElement, MdsListEvents, Components.MdsList>;
 export type MdsListItemEvents = NonNullable<unknown>;
-export declare const MdsListItem: StencilReactComponent<MdsListItemElement, MdsListItemEvents>;
+export declare const MdsListItem: StencilReactComponent<MdsListItemElement, MdsListItemEvents, Components.MdsListItem>;
 export type MdsMentionEvents = NonNullable<unknown>;
-export declare const MdsMention: StencilReactComponent<MdsMentionElement, MdsMentionEvents>;
+export declare const MdsMention: StencilReactComponent<MdsMentionElement, MdsMentionEvents, Components.MdsMention>;
 export type MdsModalEvents = {
-    onMdsModalOpen: EventName<CustomEvent<void>>;
-    onMdsModalShow: EventName<CustomEvent<void>>;
-    onMdsModalClose: EventName<CustomEvent<void>>;
-    onMdsModalHide: EventName<CustomEvent<void>>;
+    onMdsModalOpen: EventName<MdsModalCustomEvent<void>>;
+    onMdsModalShow: EventName<MdsModalCustomEvent<void>>;
+    onMdsModalClose: EventName<MdsModalCustomEvent<void>>;
+    onMdsModalHide: EventName<MdsModalCustomEvent<void>>;
 };
-export declare const MdsModal: StencilReactComponent<MdsModalElement, MdsModalEvents>;
+export declare const MdsModal: StencilReactComponent<MdsModalElement, MdsModalEvents, Components.MdsModal>;
 export type MdsNoteEvents = {
-    onMdsNoteDelete: EventName<CustomEvent<void>>;
+    onMdsNoteDelete: EventName<MdsNoteCustomEvent<void>>;
 };
-export declare const MdsNote: StencilReactComponent<MdsNoteElement, MdsNoteEvents>;
+export declare const MdsNote: StencilReactComponent<MdsNoteElement, MdsNoteEvents, Components.MdsNote>;
 export type MdsNotificationEvents = NonNullable<unknown>;
-export declare const MdsNotification: StencilReactComponent<MdsNotificationElement, MdsNotificationEvents>;
+export declare const MdsNotification: StencilReactComponent<MdsNotificationElement, MdsNotificationEvents, Components.MdsNotification>;
 export type MdsPaginatorEvents = {
     onMdsPaginatorChange: EventName<MdsPaginatorCustomEvent<MdsPaginatorEventDetail>>;
 };
-export declare const MdsPaginator: StencilReactComponent<MdsPaginatorElement, MdsPaginatorEvents>;
+export declare const MdsPaginator: StencilReactComponent<MdsPaginatorElement, MdsPaginatorEvents, Components.MdsPaginator>;
 export type MdsPaginatorItemEvents = NonNullable<unknown>;
-export declare const MdsPaginatorItem: StencilReactComponent<MdsPaginatorItemElement, MdsPaginatorItemEvents>;
+export declare const MdsPaginatorItem: StencilReactComponent<MdsPaginatorItemElement, MdsPaginatorItemEvents, Components.MdsPaginatorItem>;
 export type MdsPolicyAiEvents = NonNullable<unknown>;
-export declare const MdsPolicyAi: StencilReactComponent<MdsPolicyAiElement, MdsPolicyAiEvents>;
+export declare const MdsPolicyAi: StencilReactComponent<MdsPolicyAiElement, MdsPolicyAiEvents, Components.MdsPolicyAi>;
 export type MdsPrefEvents = NonNullable<unknown>;
-export declare const MdsPref: StencilReactComponent<MdsPrefElement, MdsPrefEvents>;
+export declare const MdsPref: StencilReactComponent<MdsPrefElement, MdsPrefEvents, Components.MdsPref>;
 export type MdsPrefAnimationEvents = {
     onMdsPrefChange: EventName<MdsPrefAnimationCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefAnimation: StencilReactComponent<MdsPrefAnimationElement, MdsPrefAnimationEvents>;
+export declare const MdsPrefAnimation: StencilReactComponent<MdsPrefAnimationElement, MdsPrefAnimationEvents, Components.MdsPrefAnimation>;
 export type MdsPrefConsumptionEvents = {
     onMdsPrefChange: EventName<MdsPrefConsumptionCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefConsumption: StencilReactComponent<MdsPrefConsumptionElement, MdsPrefConsumptionEvents>;
+export declare const MdsPrefConsumption: StencilReactComponent<MdsPrefConsumptionElement, MdsPrefConsumptionEvents, Components.MdsPrefConsumption>;
 export type MdsPrefContrastEvents = {
     onMdsPrefChange: EventName<MdsPrefContrastCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefContrast: StencilReactComponent<MdsPrefContrastElement, MdsPrefContrastEvents>;
+export declare const MdsPrefContrast: StencilReactComponent<MdsPrefContrastElement, MdsPrefContrastEvents, Components.MdsPrefContrast>;
 export type MdsPrefLanguageEvents = {
     onMdsPrefLanguageChange: EventName<MdsPrefLanguageCustomEvent<MdsPrefLanguageEventDetail>>;
     onMdsPrefChange: EventName<MdsPrefLanguageCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefLanguage: StencilReactComponent<MdsPrefLanguageElement, MdsPrefLanguageEvents>;
+export declare const MdsPrefLanguage: StencilReactComponent<MdsPrefLanguageElement, MdsPrefLanguageEvents, Components.MdsPrefLanguage>;
 export type MdsPrefLanguageItemEvents = {
     onMdsPrefLanguageItemSelect: EventName<MdsPrefLanguageItemCustomEvent<MdsPrefLanguageEventDetail>>;
 };
-export declare const MdsPrefLanguageItem: StencilReactComponent<MdsPrefLanguageItemElement, MdsPrefLanguageItemEvents>;
+export declare const MdsPrefLanguageItem: StencilReactComponent<MdsPrefLanguageItemElement, MdsPrefLanguageItemEvents, Components.MdsPrefLanguageItem>;
 export type MdsPrefThemeEvents = {
     onMdsPrefChange: EventName<MdsPrefThemeCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefTheme: StencilReactComponent<MdsPrefThemeElement, MdsPrefThemeEvents>;
+export declare const MdsPrefTheme: StencilReactComponent<MdsPrefThemeElement, MdsPrefThemeEvents, Components.MdsPrefTheme>;
 export type MdsPrefThemeVariantEvents = {
     onMdsPrefThemeVariantChange: EventName<MdsPrefThemeVariantCustomEvent<MdsPrefThemeVariantEventDetail>>;
     onMdsPrefChange: EventName<MdsPrefThemeVariantCustomEvent<MdsPrefChangeEventDetail>>;
 };
-export declare const MdsPrefThemeVariant: StencilReactComponent<MdsPrefThemeVariantElement, MdsPrefThemeVariantEvents>;
+export declare const MdsPrefThemeVariant: StencilReactComponent<MdsPrefThemeVariantElement, MdsPrefThemeVariantEvents, Components.MdsPrefThemeVariant>;
 export type MdsPrefThemeVariantItemEvents = {
     onMdsPrefThemeVariantItemSelect: EventName<MdsPrefThemeVariantItemCustomEvent<MdsPrefThemeVariantEventDetail>>;
 };
-export declare const MdsPrefThemeVariantItem: StencilReactComponent<MdsPrefThemeVariantItemElement, MdsPrefThemeVariantItemEvents>;
+export declare const MdsPrefThemeVariantItem: StencilReactComponent<MdsPrefThemeVariantItemElement, MdsPrefThemeVariantItemEvents, Components.MdsPrefThemeVariantItem>;
 export type MdsPriceTableEvents = NonNullable<unknown>;
-export declare const MdsPriceTable: StencilReactComponent<MdsPriceTableElement, MdsPriceTableEvents>;
+export declare const MdsPriceTable: StencilReactComponent<MdsPriceTableElement, MdsPriceTableEvents, Components.MdsPriceTable>;
 export type MdsPriceTableFeaturesEvents = NonNullable<unknown>;
-export declare const MdsPriceTableFeatures: StencilReactComponent<MdsPriceTableFeaturesElement, MdsPriceTableFeaturesEvents>;
+export declare const MdsPriceTableFeatures: StencilReactComponent<MdsPriceTableFeaturesElement, MdsPriceTableFeaturesEvents, Components.MdsPriceTableFeatures>;
 export type MdsPriceTableFeaturesCellEvents = NonNullable<unknown>;
-export declare const MdsPriceTableFeaturesCell: StencilReactComponent<MdsPriceTableFeaturesCellElement, MdsPriceTableFeaturesCellEvents>;
+export declare const MdsPriceTableFeaturesCell: StencilReactComponent<MdsPriceTableFeaturesCellElement, MdsPriceTableFeaturesCellEvents, Components.MdsPriceTableFeaturesCell>;
 export type MdsPriceTableFeaturesRowEvents = NonNullable<unknown>;
-export declare const MdsPriceTableFeaturesRow: StencilReactComponent<MdsPriceTableFeaturesRowElement, MdsPriceTableFeaturesRowEvents>;
+export declare const MdsPriceTableFeaturesRow: StencilReactComponent<MdsPriceTableFeaturesRowElement, MdsPriceTableFeaturesRowEvents, Components.MdsPriceTableFeaturesRow>;
 export type MdsPriceTableHeaderEvents = NonNullable<unknown>;
-export declare const MdsPriceTableHeader: StencilReactComponent<MdsPriceTableHeaderElement, MdsPriceTableHeaderEvents>;
+export declare const MdsPriceTableHeader: StencilReactComponent<MdsPriceTableHeaderElement, MdsPriceTableHeaderEvents, Components.MdsPriceTableHeader>;
 export type MdsPriceTableListEvents = NonNullable<unknown>;
-export declare const MdsPriceTableList: StencilReactComponent<MdsPriceTableListElement, MdsPriceTableListEvents>;
+export declare const MdsPriceTableList: StencilReactComponent<MdsPriceTableListElement, MdsPriceTableListEvents, Components.MdsPriceTableList>;
 export type MdsPriceTableListItemEvents = NonNullable<unknown>;
-export declare const MdsPriceTableListItem: StencilReactComponent<MdsPriceTableListItemElement, MdsPriceTableListItemEvents>;
+export declare const MdsPriceTableListItem: StencilReactComponent<MdsPriceTableListItemElement, MdsPriceTableListItemEvents, Components.MdsPriceTableListItem>;
 export type MdsProgressEvents = NonNullable<unknown>;
-export declare const MdsProgress: StencilReactComponent<MdsProgressElement, MdsProgressEvents>;
+export declare const MdsProgress: StencilReactComponent<MdsProgressElement, MdsProgressEvents, Components.MdsProgress>;
 export type MdsPushNotificationEvents = {
     onMdsPushNotificationChange: EventName<MdsPushNotificationCustomEvent<MdsPushNotificationEventDetail>>;
-    onMdsPushNotificationShow: EventName<CustomEvent<void>>;
-    onMdsPushNotificationHide: EventName<CustomEvent<void>>;
+    onMdsPushNotificationShow: EventName<MdsPushNotificationCustomEvent<void>>;
+    onMdsPushNotificationHide: EventName<MdsPushNotificationCustomEvent<void>>;
 };
-export declare const MdsPushNotification: StencilReactComponent<MdsPushNotificationElement, MdsPushNotificationEvents>;
+export declare const MdsPushNotification: StencilReactComponent<MdsPushNotificationElement, MdsPushNotificationEvents, Components.MdsPushNotification>;
 export type MdsPushNotificationItemEvents = {
     onMdsPushNotificationItemClose: EventName<MdsPushNotificationItemCustomEvent<MdsPushNotificationItemEventDetail>>;
 };
-export declare const MdsPushNotificationItem: StencilReactComponent<MdsPushNotificationItemElement, MdsPushNotificationItemEvents>;
+export declare const MdsPushNotificationItem: StencilReactComponent<MdsPushNotificationItemElement, MdsPushNotificationItemEvents, Components.MdsPushNotificationItem>;
 export type MdsQuoteEvents = NonNullable<unknown>;
-export declare const MdsQuote: StencilReactComponent<MdsQuoteElement, MdsQuoteEvents>;
+export declare const MdsQuote: StencilReactComponent<MdsQuoteElement, MdsQuoteEvents, Components.MdsQuote>;
 export type MdsRadialMenuEvents = NonNullable<unknown>;
-export declare const MdsRadialMenu: StencilReactComponent<MdsRadialMenuElement, MdsRadialMenuEvents>;
+export declare const MdsRadialMenu: StencilReactComponent<MdsRadialMenuElement, MdsRadialMenuEvents, Components.MdsRadialMenu>;
 export type MdsRadialMenuItemEvents = NonNullable<unknown>;
-export declare const MdsRadialMenuItem: StencilReactComponent<MdsRadialMenuItemElement, MdsRadialMenuItemEvents>;
+export declare const MdsRadialMenuItem: StencilReactComponent<MdsRadialMenuItemElement, MdsRadialMenuItemEvents, Components.MdsRadialMenuItem>;
 export type MdsRadialProgressEvents = NonNullable<unknown>;
-export declare const MdsRadialProgress: StencilReactComponent<MdsRadialProgressElement, MdsRadialProgressEvents>;
+export declare const MdsRadialProgress: StencilReactComponent<MdsRadialProgressElement, MdsRadialProgressEvents, Components.MdsRadialProgress>;
 export type MdsSeparatorEvents = NonNullable<unknown>;
-export declare const MdsSeparator: StencilReactComponent<MdsSeparatorElement, MdsSeparatorEvents>;
+export declare const MdsSeparator: StencilReactComponent<MdsSeparatorElement, MdsSeparatorEvents, Components.MdsSeparator>;
 export type MdsSpinnerEvents = NonNullable<unknown>;
-export declare const MdsSpinner: StencilReactComponent<MdsSpinnerElement, MdsSpinnerEvents>;
+export declare const MdsSpinner: StencilReactComponent<MdsSpinnerElement, MdsSpinnerEvents, Components.MdsSpinner>;
 export type MdsStatusBarEvents = NonNullable<unknown>;
-export declare const MdsStatusBar: StencilReactComponent<MdsStatusBarElement, MdsStatusBarEvents>;
+export declare const MdsStatusBar: StencilReactComponent<MdsStatusBarElement, MdsStatusBarEvents, Components.MdsStatusBar>;
 export type MdsStepperBarEvents = {
     onMdsStepperBarChange: EventName<MdsStepperBarCustomEvent<MdsStepperBarEventDetail>>;
 };
-export declare const MdsStepperBar: StencilReactComponent<MdsStepperBarElement, MdsStepperBarEvents>;
+export declare const MdsStepperBar: StencilReactComponent<MdsStepperBarElement, MdsStepperBarEvents, Components.MdsStepperBar>;
 export type MdsStepperBarItemEvents = {
     onMdsStepperBarItemDone: EventName<MdsStepperBarItemCustomEvent<MdsStepperBarItemEventDetail>>;
 };
-export declare const MdsStepperBarItem: StencilReactComponent<MdsStepperBarItemElement, MdsStepperBarItemEvents>;
+export declare const MdsStepperBarItem: StencilReactComponent<MdsStepperBarItemElement, MdsStepperBarItemEvents, Components.MdsStepperBarItem>;
 export type MdsTabEvents = {
     onMdsTabChange: EventName<MdsTabCustomEvent<MdsTabEventDetail>>;
 };
-export declare const MdsTab: StencilReactComponent<MdsTabElement, MdsTabEvents>;
+export declare const MdsTab: StencilReactComponent<MdsTabElement, MdsTabEvents, Components.MdsTab>;
 export type MdsTabBarEvents = {
     onMdsTabBarChange: EventName<MdsTabBarCustomEvent<MdsTabBarEventDetail>>;
 };
-export declare const MdsTabBar: StencilReactComponent<MdsTabBarElement, MdsTabBarEvents>;
+export declare const MdsTabBar: StencilReactComponent<MdsTabBarElement, MdsTabBarEvents, Components.MdsTabBar>;
 export type MdsTabBarItemEvents = {
-    onMdsTabBarItemSelect: EventName<CustomEvent<string>>;
+    onMdsTabBarItemSelect: EventName<MdsTabBarItemCustomEvent<string>>;
 };
-export declare const MdsTabBarItem: StencilReactComponent<MdsTabBarItemElement, MdsTabBarItemEvents>;
+export declare const MdsTabBarItem: StencilReactComponent<MdsTabBarItemElement, MdsTabBarItemEvents, Components.MdsTabBarItem>;
 export type MdsTabItemEvents = {
     onMdsTabItemSelect: EventName<MdsTabItemCustomEvent<MdsTabItemEventDetail>>;
     onMdsTabItemFocus: EventName<MdsTabItemCustomEvent<MdsTabItemEventDetail>>;
 };
-export declare const MdsTabItem: StencilReactComponent<MdsTabItemElement, MdsTabItemEvents>;
+export declare const MdsTabItem: StencilReactComponent<MdsTabItemElement, MdsTabItemEvents, Components.MdsTabItem>;
 export type MdsTableEvents = {
     onMdsTableSelectionChange: EventName<MdsTableCustomEvent<MdsTableSelectionEventDetail>>;
 };
-export declare const MdsTable: StencilReactComponent<MdsTableElement, MdsTableEvents>;
+export declare const MdsTable: StencilReactComponent<MdsTableElement, MdsTableEvents, Components.MdsTable>;
 export type MdsTableBodyEvents = NonNullable<unknown>;
-export declare const MdsTableBody: StencilReactComponent<MdsTableBodyElement, MdsTableBodyEvents>;
+export declare const MdsTableBody: StencilReactComponent<MdsTableBodyElement, MdsTableBodyEvents, Components.MdsTableBody>;
 export type MdsTableCellEvents = NonNullable<unknown>;
-export declare const MdsTableCell: StencilReactComponent<MdsTableCellElement, MdsTableCellEvents>;
+export declare const MdsTableCell: StencilReactComponent<MdsTableCellElement, MdsTableCellEvents, Components.MdsTableCell>;
 export type MdsTableFooterEvents = NonNullable<unknown>;
-export declare const MdsTableFooter: StencilReactComponent<MdsTableFooterElement, MdsTableFooterEvents>;
+export declare const MdsTableFooter: StencilReactComponent<MdsTableFooterElement, MdsTableFooterEvents, Components.MdsTableFooter>;
 export type MdsTableHeaderEvents = NonNullable<unknown>;
-export declare const MdsTableHeader: StencilReactComponent<MdsTableHeaderElement, MdsTableHeaderEvents>;
+export declare const MdsTableHeader: StencilReactComponent<MdsTableHeaderElement, MdsTableHeaderEvents, Components.MdsTableHeader>;
 export type MdsTableHeaderCellEvents = NonNullable<unknown>;
-export declare const MdsTableHeaderCell: StencilReactComponent<MdsTableHeaderCellElement, MdsTableHeaderCellEvents>;
+export declare const MdsTableHeaderCell: StencilReactComponent<MdsTableHeaderCellElement, MdsTableHeaderCellEvents, Components.MdsTableHeaderCell>;
 export type MdsTableRowEvents = NonNullable<unknown>;
-export declare const MdsTableRow: StencilReactComponent<MdsTableRowElement, MdsTableRowEvents>;
+export declare const MdsTableRow: StencilReactComponent<MdsTableRowElement, MdsTableRowEvents, Components.MdsTableRow>;
 export type MdsTextEvents = NonNullable<unknown>;
-export declare const MdsText: StencilReactComponent<MdsTextElement, MdsTextEvents>;
+export declare const MdsText: StencilReactComponent<MdsTextElement, MdsTextEvents, Components.MdsText>;
 export type MdsToastEvents = {
-    onMdsToastClose: EventName<CustomEvent<void>>;
+    onMdsToastClose: EventName<MdsToastCustomEvent<void>>;
 };
-export declare const MdsToast: StencilReactComponent<MdsToastElement, MdsToastEvents>;
+export declare const MdsToast: StencilReactComponent<MdsToastElement, MdsToastEvents, Components.MdsToast>;
 export type MdsTooltipEvents = NonNullable<unknown>;
-export declare const MdsTooltip: StencilReactComponent<MdsTooltipElement, MdsTooltipEvents>;
+export declare const MdsTooltip: StencilReactComponent<MdsTooltipElement, MdsTooltipEvents, Components.MdsTooltip>;
 export type MdsTreeEvents = NonNullable<unknown>;
-export declare const MdsTree: StencilReactComponent<MdsTreeElement, MdsTreeEvents>;
+export declare const MdsTree: StencilReactComponent<MdsTreeElement, MdsTreeEvents, Components.MdsTree>;
 export type MdsTreeItemEvents = {
     onMdsTreeItemExpand: EventName<MdsTreeItemCustomEvent<MdsTreeItemEventDetail>>;
     onMdsTreeItemCollapse: EventName<MdsTreeItemCustomEvent<MdsTreeItemEventDetail>>;
 };
-export declare const MdsTreeItem: StencilReactComponent<MdsTreeItemElement, MdsTreeItemEvents>;
+export declare const MdsTreeItem: StencilReactComponent<MdsTreeItemElement, MdsTreeItemEvents, Components.MdsTreeItem>;
 export type MdsUrlViewEvents = {
-    onMdsUrlViewClose: EventName<CustomEvent<void>>;
+    onMdsUrlViewClose: EventName<MdsUrlViewCustomEvent<void>>;
 };
-export declare const MdsUrlView: StencilReactComponent<MdsUrlViewElement, MdsUrlViewEvents>;
+export declare const MdsUrlView: StencilReactComponent<MdsUrlViewElement, MdsUrlViewEvents, Components.MdsUrlView>;
 export type MdsUsageEvents = NonNullable<unknown>;
-export declare const MdsUsage: StencilReactComponent<MdsUsageElement, MdsUsageEvents>;
+export declare const MdsUsage: StencilReactComponent<MdsUsageElement, MdsUsageEvents, Components.MdsUsage>;
 export type MdsVideoWallEvents = NonNullable<unknown>;
-export declare const MdsVideoWall: StencilReactComponent<MdsVideoWallElement, MdsVideoWallEvents>;
+export declare const MdsVideoWall: StencilReactComponent<MdsVideoWallElement, MdsVideoWallEvents, Components.MdsVideoWall>;
 export type MdsZeroEvents = NonNullable<unknown>;
-export declare const MdsZero: StencilReactComponent<MdsZeroElement, MdsZeroEvents>;
+export declare const MdsZero: StencilReactComponent<MdsZeroElement, MdsZeroEvents, Components.MdsZero>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/magma-react",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-beta.2",
   "main": "dist/components.js",
   "module": "dist/components.js",
   "types": "dist/types/components.d.ts",
@@ -15,8 +15,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@maggioli-design-system/magma": "2.0.0-alpha.1",
-    "@stencil/react-output-target": "1.0.2"
+    "@maggioli-design-system/magma": "2.0.0-beta.2",
+    "@stencil/react-output-target": "1.5.3"
   },
   "devDependencies": {
     "typescript": "5.6.3"